﻿.find-width.change-mobile
{
    width: 389px;
    padding: 20px 0 30px 0;
    margin: 0;
}

.change-mobile .tips-title
{
    margin-top: 16px;
}

.account-main
{
    width: 280px;
    padding-bottom: 40px;
}

.company-verify
{
    width: 536px;
    padding: 5px 0 50px 0;
    color: #333;
}

.small-title-verify
{
    font-size: 14px;
    color: #999;
}

.account-main .input-in
{
    height: 34px;
    line-height: 34px;
    color: #999;
    font-size: 14px;
}

.account-main p.input-in
{
    height: 34px;
    line-height: 34px;
    color: #999;
    font-size: 14px;
    border: none;
    padding: 0;
}

form .input-title.account-title
{
    padding: 30px 0 4px 0;
}

.account-main .change-something
{
    color: #1c84c6;
    line-height: 22px;
}

.account-main .no-company
{
    color: #f25c5a;
    line-height: 22px;
}

.account-main a:hover
{
    text-decoration: underline;
    color: #1c84c6;
}

.account-main .title-input-in
{
    font-size: 16px;
    font-weight: 400;
}

.account-main .under-instruction
{
    color: #999;
    position: relative;
    width: 360px;
    margin-top: 8px;
}

form .tips-title
{
    position: relative;
}

    form .tips-title .check-info
    {
        width: 120px;
        position: absolute;
        top: 62px;
        right: -134px;
        color: #1c84c6;
    }

        form .tips-title .check-info.special-top
        {
            top: 0;
            right: -132px;
        }

.account-main.error-tips-bottom .input-title span.error-tips
{
    width: 100%;
    position: absolute;
    top: 92px;
    left: 0;
}

.verify-in
{
    width: 430px !important;
    margin-left: 12px;
    position: relative;
}

.company-verify p.company-name
{
    font-size: 14px;
    color: #333;
    text-align: left;
    line-height: 32px;
    margin: 0 0 10px 20px;
}

.company-verify .verify-title
{
    width: 92px;
    line-height: 32px;
    padding: 0;
}

.company-verify .tips-title
{
    margin-bottom: 30px;
}

.company-verify .verify-title.special-line
{
    line-height: normal;
}

.verify-show
{
    width: 174px;
    background-size: contain;
    border: 1px solid #e7e7e7;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

    .verify-show.logo
    {
        height: 126px;
        background-image: url(/static/img/logo-color.png);
    }

    .verify-show.brand
    {
        height: 247px;
        background-image: url(/static/img/account/brand.png);
    }

    .verify-show.quality
    {
        height: 238px;
        background-image: url(/static/img/account/quality.png);
    }

    .verify-show.business-license
    {
        height: 170px;
        background-image: url(/static/img/account/business-license.png);
    }

    .verify-show.ID_card_face
    {
        height: 107px;
        background-image: url(/static/img/account/ID-card-face.png);
    }

    .verify-show.ID_card_back
    {
        height: 107px;
        background-image: url(/static/img/account/ID-card-back.png);
    }

    .verify-show.permit
    {
        height: 119px;
        background-image: url(/static/img/account/permit.png);
    }

    .verify-show .verify-mask-box
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(76,76,76,.5); /*娉ㄦ剰杩欓噷鏄幓闄ゆ枃瀛楅棿闅旓紝鏀惧湪鍐呭瀹藉害涓�100%鏃舵尋鍑烘崲琛�*/
        font-size: 0;
    }

        .verify-show .mask-box span, .verify-show .verify-mask-box:after
        {
            display: inline-block;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }

        .verify-show .verify-mask-box:after
        {
            content: '';
        }

        .verify-show .verify-mask-box p.mask-text
        {
            width: 100%;
            font-size: 14px;
            color: #fff;
            display: inline-block;
            vertical-align: middle;
        }

.verify-upload
{
    width: 210px;
}

.verify-upload-box
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 210px;
    height: 30px;
    line-height: 30px;
    background: #25c6c8;
    border-radius: 4px;
    color: #fff;
}

.verify-file-btn
{
    width: 210px;
    height: 100%;
    opacity: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 333;
    cursor: pointer;
}

.opacity-none.verify-validate
{
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 222;
}

.upload-error-tips
{
    position: absolute;
    bottom: 0;
    right: -138px;
    width: 130px;
    text-align: left;
}

.submit-btn.verify-file-submit
{
    width: 174px;
    height: 34px;
    margin-left: 106px;
}

form.error-tips-right.company-verify .input-title span.error-tips
{
    position: absolute;
    top: 0;
    right: -640px;
    width: 190px;
    text-align: left;
}

form.error-tips-right.company-verify .input-title.pic-check span.error-tips
{
    position: absolute;
    top: -30px;
    right: -188px;
    width: 180px;
    text-align: left;
}

.verify-upload-margin
{
    margin-top: 20px;
}

.account-success-tips
{
    padding: 102px 0 140px 0;
}

.fail-verify-reason
{
    padding-top: 5px;
    margin-left: 110px;
    width: 226px;
    font-size: 14px;
    color: #f25c5a;
}

    .fail-verify-reason .reason-title
    {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .fail-verify-reason .reason-text
    {
        line-height: 20px;
    }

.resubmit-btn
{
    width: 174px;
    height: 34px;
    line-height: 34px;
    outline: 0;
    border: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #1bb393;
    margin-top: -30px;
    margin-bottom: 30px;
    border-radius: 6px;
    margin-left: 106px;
}

.rotate-bg
{
    background-color: #ff5242;
}

.g-lottery-case
{
    width: 100%;
    height: 382px;
    padding-top: 125px;
    margin-bottom: 20px;
    background: url(/static/img/activity/rotate/bg-on.png) no-repeat;
    background-size: cover;
}

.lottery-box
{
    width: 250px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    background: url(/static/img/activity/rotate/ly-plate-c.gif) no-repeat;
    background-size: cover;
}

    .lottery-box .outer
    {
        width: 210px;
        height: 210px;
        z-index: 1;
        left: 20px;
        top: 20px;
        background: url(/static/img/activity/rotate/bg-lottery.png) no-repeat;
        background-size: cover;
        position: relative;
    }

        .lottery-box .outer .lottery-area-ul .lottery-area
        {
            width: 100px;
            z-index: 1;
            position: absolute;
            height: 50%;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            -webkit-transform-origin: center bottom;
            -o-transform-origin: center bottom;
            transform-origin: center bottom;
        }

            .lottery-box .outer .lottery-area-ul .lottery-area:nth-child(2)
            {
                -webkit-transform: rotate(60deg);
                -o-transform: rotate(60deg);
                transform: rotate(60deg);
            }

            .lottery-box .outer .lottery-area-ul .lottery-area:nth-child(3)
            {
                -webkit-transform: rotate(120deg);
                -o-transform: rotate(120deg);
                transform: rotate(120deg);
            }

            .lottery-box .outer .lottery-area-ul .lottery-area:nth-child(4)
            {
                -webkit-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }

            .lottery-box .outer .lottery-area-ul .lottery-area:nth-child(5)
            {
                -webkit-transform: rotate(240deg);
                -o-transform: rotate(240deg);
                transform: rotate(240deg);
            }

            .lottery-box .outer .lottery-area-ul .lottery-area:nth-child(6)
            {
                -webkit-transform: rotate(300deg);
                -o-transform: rotate(300deg);
                transform: rotate(300deg);
            }

            .lottery-box .outer .lottery-area-ul .lottery-area .lottery-img
            {
                display: block;
                width: 25px;
                margin: 10px auto 0;
            }

            .lottery-box .outer .lottery-area-ul .lottery-area .name
            {
                font-size: 12px;
                text-align: center;
                color: red;
                width: 64px;
                margin: auto;
            }

    .lottery-box .inner
    {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -50px;
        margin-top: -50px;
        z-index: 2;
        background: url(/static/img/activity/rotate/playbtn.png) no-repeat;
        background-size: cover;
    }

.playnum-title
{
    font-size: 18px;
    color: #fff100;
    text-align: center;
}

    .playnum-title .playnum
    {
        margin: 0 5px;
        text-decoration: underline;
    }

.lottery-my-prize
{
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 15px auto 20px;
    border-radius: 10px;
    font-size: 15px;
    color: #a6531d;
    background: #fff100;
}

.lottery-arrow
{
    width: 21px;
    height: 11px;
    margin: 0 auto 13px;
    background: url(/static/img/activity/rotate/arrow.png) no-repeat;
    background-size: cover;
}

.lottery-rule
{
    width: 280px;
    padding: 25px 7px 30px;
    border: 2px dashed #fff100;
    border-radius: 8px;
    background: #ff6e63;
    margin: 0 auto 35px;
    color: #fff;
}

    .lottery-rule .title
    {
        font-size: 16px;
        color: #fff100;
        text-align: center;
        margin-bottom: 15px;
    }

        .lottery-rule .title .line-bg-l
        {
            width: 75px;
            height: 5px;
            background: url(/static/img/activity/rotate/rule-left.png) no-repeat;
            background-size: cover;
            margin-top: 10px;
            margin-left: 15px;
        }

        .lottery-rule .title .line-bg-r
        {
            width: 75px;
            height: 5px;
            background: url(/static/img/activity/rotate/rule-right.png) no-repeat;
            background-size: cover;
            margin-top: 10px;
            margin-right: 15px;
        }

    .lottery-rule .lottery-rule-ol
    {
        font-size: 12px;
        line-height: 20px;
        padding-left: 15px;
    }

        .lottery-rule .lottery-rule-ol li
        {
            position: relative;
        }

            .lottery-rule .lottery-rule-ol li span.list
            {
                position: absolute;
                left: -15px;
                top: 0;
            }

.lottery-bottom
{
    width: 100%;
    height: 90px;
    background: url(/static/img/activity/rotate/bg-up.png) no-repeat;
    background-size: cover;
}

.ibox-content.address-list
{
    padding-top: 26px;
}

.address-list-box
{
    padding: 0;
}

.address-list
{
    border: 1px solid #e7e7e7;
    padding: 14px 14px 18px 14px;
    margin-bottom: 30px;
}

.address-list-box.no-address
{
    padding: 0;
    font-size: 22px;
    color: #a7b1c1;
    font-weight: lighter;
}

.iconfont.icon-wushouhuodizhi
{
    color: #d5d5d5;
    font-size: 140px !important;
    font-weight: lighter;
}

.no-address-text
{
    margin-top: -10px;
}

.address-list-box.no-address .add-address
{
    color: #52c5ad;
    cursor: pointer;
}

.recipient-address
{
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
}

    .recipient-address .first-use-address
    {
        background: #f8ac58;
        padding: 0 4px;
        color: #fff;
        line-height: 22px;
        height: 22px;
        display: inline-block;
    }

.recipient-people
{
    font-size: 14px;
    color: #333;
    margin-top: 12px;
}

    .recipient-people.no-margin
    {
        margin-top: 0;
    }

    .recipient-people .list-title
    {
        color: #999;
        display: inline-block;
        width: 88px;
        margin-right: 18px;
    }

    .recipient-people .change-address
    {
        margin-left: 18px;
    }

.add-address-mask .add-address-box
{
    width: 700px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -255px;
    padding: 22px 22px 34px 48px;
}

.add-mask-title
{
    font-size: 18px;
    color: #333;
}

    .add-mask-title .title-margin
    {
        margin-top: 10px;
    }

    .add-mask-title .close-btn, .delete-address
    {
        margin-top: -10px;
        cursor: pointer;
    }

        .add-mask-title .close-btn .iconfont, .delete-address .iconfont
        {
            font-size: 22px;
            color: #acacac;
            font-weight: 700;
        }

form.add-address
{
    width: 430px;
    padding: 12px 0 0 0;
}

.submit-btn.upload-address
{
    width: 100px;
    height: 32px;
}

form.add-address .select-address
{
    width: 130px;
    margin-right: 20px;
}

.panel-body.bill-list
{
    padding: 26px 15px 500px;
}

.bill-title-ul
{
    padding: 0;
    margin: 0;
    padding-top: 30px;
}

    .bill-title-ul li
    {
        width: 100%;
        float: left;
        list-style: none;
        margin-bottom: 25px;
        font-size: 16px;
    }

        .bill-title-ul li .bill-title-left
        {
            width: 20%;
            color: #7a7a7a;
            text-align: right;
            padding-right: 10px;
        }

        .bill-title-ul li .bill-title-right
        {
            width: 60%;
            color: #4d4d4d;
        }

.apple-bill-btn
{
    margin-left: 20px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
    vertical-align: middle;
    border-right: 1px solid #ddd;
    padding: 10px 15px;
}

.datatable-bar table.datatable-me th
{
    font-weight: 400;
    font-size: 16px;
    color: #666;
    padding: 8px 15px;
}

.alarm-first-th
{
    width: 5% !important;
}

.alarm-second-th
{
    width: 38% !important;
}

.alarm-third-th
{
    width: 15% !important;
}

.alarm-fourth-th
{
    width: 20% !important;
}

.alarm-fifth-th
{
    width: 22% !important;
}

.alarm-operation span
{
    color: #1bb393;
    margin-right: 10px;
    cursor: pointer;
}

    .alarm-operation span a
    {
        color: #1bb393;
    }

.alarm-title-a
{
    color: #333;
    line-height: 20px;
}

    .alarm-title-a:hover
    {
        color: #1c84c6;
        text-decoration: underline;
    }

.light-gray-font
{
    color: #999 !important;
    margin-top: 10px;
    font-size: 14px;
}

.data-detail-ul
{
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
}

.data-detail-table table
{
    margin-top: 20px;
}

    .data-detail-table table, .data-detail-table table th
    {
        text-align: center;
    }

.alerm-data-detail-th-first
{
    width: 4%;
}

.alerm-data-detail-th-second
{
    width: 24%;
}

.alerm-data-detail-th-third
{
    width: 24%;
}

.alerm-data-detail-th-fourth
{
    width: 24%;
}

.alerm-data-detail-th-fifth
{
    width: 24%;
}

.qr-table .alerm-data-detail-th-first
{
    width: 4%;
}

.qr-table .alerm-data-detail-th-second
{
    width: 19%;
}

.qr-table .alerm-data-detail-th-third
{
    width: 19%;
}

.qr-table .alerm-data-detail-th-fourth
{
    width: 20%;
}

.qr-table .alerm-data-detail-th-fifth
{
    width: 19%;
}

.qr-table .alerm-data-detail-th-sixth
{
    width: 19%;
}

.area-pro .alerm-data-detail-th-first
{
    width: 4%;
}

.area-pro .alerm-data-detail-th-second
{
    width: 32%;
}

.area-pro .alerm-data-detail-th-third
{
    width: 32%;
}

.area-pro .alerm-data-detail-th-fourth
{
    width: 32%;
}

.area-pro-qr .alerm-data-detail-th-first
{
    width: 4%;
}

.area-pro-qr .alerm-data-detail-th-second
{
    width: 48%;
}

.area-pro-qr .alerm-data-detail-th-third
{
    width: 48%;
}

.selected-detail-btn, .selected-detail-btn:focus, .selected-detail-btn:hover, .selected-detail-btn:link, .selected-detail-btn:visited
{
    color: #1bb393;
}

table.only-marge-22 tr td
{
    padding: 22px 15px;
}

.border-top-none
{
    border-top: none;
}

li, ul
{
    list-style: none;
}

.create-activity-title
{
    font-family: STHeitiSC-Medium,'Microsoft YaHei';
    font-size: 16px;
    color: #333;
    border-left: 3px solid #1bb393;
    text-indent: 10px;
    line-height: 15px;
    height: 15px;
}

.model-list-box
{
    padding: 20px 0 50px 64px;
}

    .model-list-box li
    {
        margin-right: 70px;
    }

        .model-list-box li.no-margin
        {
            margin-right: 0;
        }

    .model-list-box .model-list
    {
        width: 280px;
        height: 450px;
        cursor: pointer;
        margin-bottom: 10px;
    }

        .model-list-box .model-list.first
        {
            background: url(/static/img/activity/activity-templete.png) no-repeat center;
            background-size: 280px 450px;
        }

        .model-list-box .model-list.second
        {
            background: url(/static/img/activity/activity-templete2.png) no-repeat center;
            background-size: 280px 450px;
        }

        .model-list-box .model-list.third
        {
            background: url(/static/img/activity/activity-templete3.png) no-repeat center;
            background-size: 280px 450px;
        }

.model-list .model-mask
{
    width: 100%;
    height: 450px;
    line-height: 450px;
    background-color: rgba(0,0,0,.5);
    font-family: STHeitiSC-Medium;
    font-size: 36px;
    color: #fff;
    text-align: center;
}

.phone-title.no-border
{
    border: none;
}

.coupon-bar.create-activity
{
    background-color: #fff;
    position: relative;
}

    .coupon-bar.create-activity .activity-company
    {
        width: 100%;
        font-size: 12px;
        color: #333;
        text-align: center;
        position: absolute;
        bottom: 28px;
        left: 0;
    }

.activity-company .company-pho-num
{
    display: inline-block;
    min-width: 96px;
    text-align: left;
}

.create-activity .account-close-btn
{
    width: 13px;
    height: 14px;
    margin: 10px 12px 4px 0;
    background: url(/static/img/activity/close.png) no-repeat center;
}

.activity-rule-title
{
    font-size: 16px;
    color: #954e06;
    text-align: center;
    padding-bottom: 16px;
}

.account-bottom-text
{
    border-top: 1px dashed #ececec;
    padding: 16px 20px 0 20px;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 18px;
}

    .account-bottom-text .show-important-text
    {
        color: #954e06;
        display: inline-block;
        margin-bottom: 8px;
    }

    .account-bottom-text .activity-rule
    {
        list-style-type: decimal;
        padding-left: 16px;
        width: 284px;
    }

        .account-bottom-text .activity-rule li
        {
            list-style-position: outside;
            list-style: inherit;
            margin-bottom: 8px;
        }

.activity-next
{
    width: 140px;
    margin: 54px 30px 0 0;
}

.btn-warning.activity-next
{
    background: #f8ac58;
}

.btn-info.create-product-url
{
    display: inline-block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-left: 20px;
}

.prizes-list-box
{
    padding: 0 20px;
}

    .prizes-list-box .prizes-show-list
    {
        padding: 16px 0 16px 16px;
        border-bottom: 1px dashed #ececec;
    }

.prizes-show-list .prizes-img
{
    width: 60px;
    height: 57px;
    border: 1px solid #ececec;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/static/img/prizes/physical-pic.png);
}

.prizes-detail
{
    margin-left: 25px;
    width: 144px;
    height: 57px;
    position: relative;
}

.prizes-show-list .prizes-title
{
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.prizes-show-list .prizes-price
{
    color: #f15353;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.table-bordered.create-activity
{
    margin-bottom: 0;
}

    .table-bordered.create-activity tr td
    {
        height: 56px;
        vertical-align: middle;
        font-size: 14px;
    }

    .table-bordered.create-activity tr.title td.all-prizes-name
    {
        width: 20%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-img
    {
        width: 10%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-price
    {
        width: 16%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-mount
    {
        width: 16%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-left-mount
    {
        width: 16%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-chance
    {
        width: 14%;
    }

    .table-bordered.create-activity tr.title td.all-prizes-delete
    {
        width: 8%;
    }

    .table-bordered.create-activity .chance-input
    {
        width: 100%;
        height: 34px;
        position: relative;
    }

        .table-bordered.create-activity .chance-input input
        {
            width: 100%;
            height: 100%;
            padding-right: 19px;
        }

        .table-bordered.create-activity .chance-input span.unit
        {
            width: 18px;
            height: 32px;
            text-align: center;
            line-height: 34px;
            background-color: #ececec;
            position: absolute;
            right: 1px;
            bottom: 1px;
        }

    .table-bordered.create-activity span.chance-tips
    {
        width: 280px;
        padding: 5px 7px;
        font-size: 12px;
        color: #4d9fd2;
        background-color: #e8eaec;
        border-radius: 4px;
        position: absolute;
        right: -50%;
        top: 40px;
        z-index: 999;
    }

    .table-bordered.create-activity span.chance-tips-special
    {
        width: 280px;
        padding: 5px 7px;
        font-size: 12px;
        color: #4d9fd2;
        background-color: #e8eaec;
        border-radius: 4px;
        position: absolute;
        right: -50%;
        top: 40px;
        z-index: 999;
    }

    .table-bordered.create-activity i.tips-icon
    {
        font-size: 18px;
        color: #e8eaec;
        position: absolute;
        right: 25%;
        top: -7px;
        z-index: 999;
    }

    .table-bordered.create-activity .chance-amount
    {
        position: relative;
    }

    .table-bordered.create-activity .chance-redbag
    {
        position: relative;
    }

    .table-bordered.create-activity .chance-amount span.chance-tips
    {
        position: absolute;
        right: 0;
        top: 40px;
        z-index: 999;
    }

    .table-bordered.create-activity .delete-color a
    {
        color: #ed5564;
    }

    .table-bordered.create-activity .pack-color a
    {
        color: #1bb393;
    }

    .table-bordered.create-activity td a:hover
    {
        text-decoration: underline;
    }

    .table-bordered.create-activity .prizes-img-content
    {
        width: 100%;
        height: 53px;
        border-radius: 4px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/static/img/prizes/physical-pic.png);
    }

.add-prizes-text
{
    line-height: 34px;
}

.btn-primary.add-prizes
{
    margin-bottom: 0;
}

.mask-content-prizes
{
    background: #fff;
    border-radius: 4px;
    width: 700px;
    padding: 16px 16px 75px 16px;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -350px;
}

    .mask-content-prizes .top-create-btn
    {
        padding-bottom: 14px;
        border-bottom: 1px solid #f3f4f5;
        position: relative;
        margin-bottom: 22px;
    }

.btn-primary.create-prizes-activity
{
    width: 100px;
}

.top-create-btn .close-btn
{
    width: 14px;
    height: 14px;
    background: url(/static/img/close.png) no-repeat center;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 0;
}

.add-prizes-mask
{
    width: 666px;
    max-height: 460px;
    overflow-y: scroll;
}

    .add-prizes-mask table.create-activity .mask-prizes-name
    {
        width: 25%;
    }

    .add-prizes-mask table.create-activity .mask-prizes-type
    {
        width: 15%;
    }

    .add-prizes-mask table.create-activity .mask-prizes-date
    {
        width: 25%;
    }

    .add-prizes-mask table.create-activity .mask-prizes-total
    {
        width: 20%;
    }

    .add-prizes-mask table.create-activity .mask-prizes-handle
    {
        width: 15%;
    }

.coupon-bar.create-activity.finally-create
{
    background-image: url(/static/img/activity/activity-templete.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    position: relative;
}

    .coupon-bar.create-activity.finally-create .prizes-text
    {
        width: 210px;
        position: absolute;
        bottom: 160px;
        left: 56px;
        font-size: 12px;
        color: #101010;
        line-height: 15px;
        text-align: center;
        background-color: #fff;
    }

        .coupon-bar.create-activity.finally-create .prizes-text .prizes-name-finally
        {
            color: #eb5257;
        }

.finally-code-box
{
    width: 100%;
    border: 1px solid #e8eaec;
    font-size: 14px;
    color: #333;
    text-align: center;
    padding-bottom: 30px;
}

    .finally-code-box .code-title
    {
        border-bottom: 1px solid #e8eaec;
        height: 40px;
        line-height: 40px;
        margin-bottom: 16px;
    }

.finally-activity-button
{
    width: 140px;
    margin: 57px auto;
}

.btn-primary.activity-finally
{
    width: 140px;
    padding: 5px 0;
}

form.create-activity
{
    position: relative;
}

.no-prizes-chance
{
    position: absolute;
    left: 8px;
    bottom: -24px;
}

.table-bottom
{
    border: 1px solid #ebebeb;
    padding: 10px;
    border-top: none;
}

.create-activity-content
{
    padding-top: 16px;
}

table.activity-history
{
    margin-bottom: 0;
}

.activity-history .user-order
{
    width: 15%;
}

.activity-history .user-name
{
    width: 15%;
}

.activity-history .prizes-name
{
    width: 15%;
}

.activity-history .prizes-type
{
    width: 10%;
}

.activity-history .prizes-value
{
    width: 10%;
}

.activity-history .prizes-time
{
    width: 15%;
}

.activity-history .prizes-state
{
    width: 10%;
}

.activity-history .handle
{
    width: 10%;
}

.modify.has-handle
{
    color: #999;
}

.modify.delivery-btn
{
    position: relative;
}

.modify.has-handle:hover
{
    color: #999;
    text-decoration: none !important;
    cursor: text;
}

.activity-create-time
{
    padding-left: 15px;
    font-size: 14px;
    color: #666;
    height: 43px;
    line-height: 43px;
}

.wrapper-content.padding-special
{
    padding-top: 0;
}

.nav-tabs.activity-history
{
    border: 1px solid #e7eaec;
    border-top: none;
    border-bottom: none;
}

    .nav-tabs.activity-history a.activity-url
    {
        font-size: 16px;
        color: #333;
    }

.data-count-title
{
    font-size: 16px;
    color: #333;
    border-left: 3px solid #1bb393;
    padding-left: 6px;
    line-height: 16px;
    margin-bottom: 30px;
}

.activity-user-mount
{
    width: 100%;
    margin-bottom: 34px;
    border: 1px solid #e7e7e7;
    padding: 0;
    font-size: 14px;
    color: #333;
}

    .activity-user-mount li.mount-list
    {
        width: 20%;
        border-right: 1px dashed #e7e7e7;
        padding: 12px 0;
    }

        .activity-user-mount li.mount-list.no-border
        {
            border: none;
        }

        .activity-user-mount li.mount-list .top-num
        {
            font-size: 30px;
        }

.ibox-content.activity-border
{
    border: 1px solid #e7e7e7;
    border-top: none;
}

.has-activity-border
{
    border: 1px solid #e7e7e7;
}

.table-bordered.activity-data td
{
    height: 45px;
    color: #666;
}

.activity-con-bar
{
    padding: 15px;
}

    .activity-con-bar.panel-body.prize-content
    {
        padding-top: 0;
    }

.h3-title
{
    border-left: 3px solid #1bb393;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding-left: 6px;
    vertical-align: middle;
    margin: 0;
    margin-top: 30px !important;
    margin-bottom: 30px;
}

.activity-detail-dl dt
{
    font-weight: 400;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.activity-detail-dl dd
{
    font-size: 14px;
    color: #999;
    margin-bottom: 30px;
}

    .activity-detail-dl dd .validity-time
    {
        margin: 0 10px;
    }

.activity-prizes-bar
{
    width: 55%;
    margin-bottom: 100px;
}

.delivery-box
{
    position: absolute;
    top: 97px;
    left: 50%;
    margin-left: -218px;
    z-index: 2222;
    background: #fff;
    border: 1px solid #e7e7e7;
    width: 436px;
    color: #333;
    cursor: default;
    margin-bottom: 30px;
}

    .delivery-box .top-title
    {
        position: relative;
        background-color: #f3f3f4;
        padding: 10px 16px 10px 22px;
        border-bottom: 1px solid #e7e7e7;
    }

.close-delivery
{
    font-size: 18px;
    cursor: pointer;
}

.delivery-content
{
    padding: 20px 0 0 24px;
    margin: 0;
}

    .delivery-content .contact-list
    {
        margin-bottom: 14px;
    }

        .delivery-content .contact-list.tips
        {
            margin-bottom: 20px;
        }

    .delivery-content .left-content
    {
        display: inline-block;
        width: 70px;
        color: #666;
        text-align: right;
    }

        .delivery-content .left-content.has-input
        {
            line-height: 30px;
        }

    .delivery-content .right-content
    {
        width: 236px;
        color: #333;
        margin-left: 6px;
    }

    .delivery-content input.right-content
    {
        width: 236px;
        box-sizing: border-box;
        height: 30px;
        line-height: 30px;
        border: 1px solid #e5e6e7;
        padding-left: 7px;
        font-size: 14px;
        background-color: #fff;
    }

.delivery-submit
{
    width: 236px;
    margin: 35px auto 34px auto !important;
}

    .delivery-submit.disabled
    {
        background: #b1b1b1;
        border-color: #b1b1b1;
    }

        .delivery-submit.disabled:hover
        {
            background: #b1b1b1;
            border-color: #b1b1b1;
        }

.product-list
{
    position: relative;
}

.create-pro
{
    position: absolute;
    right: -70px;
    top: 5px;
    color: #1c84c6;
}

p.input-title.delivery
{
    position: relative;
}

.input-title.delivery .error-tips
{
    position: absolute;
    left: 77px;
    top: 28px;
    width: 300px;
    color: #f25c5a;
}

form p.input-title.delivery
{
    padding: 0;
}

.btn-default, .btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover
{
    background-color: #eaeaea !important;
    border-color: #e5e6e7 !important;
    color: #666;
}

.error-input
{
    border: 1px solid #ef5a50;
}

.create-red-bag
{
    padding: 0;
    width: 500px;
}

.table-bordered.create-activity .chance-input.creat-redbag
{
    width: 100%;
}

.red-bag-top-logo
{
    width: 50px;
    height: 50px;
    margin: 31px auto 0 auto;
    background: #d93c2b url(/static/img/red-bag/logo-icon.png) no-repeat center;
    background-size: 50px 50px;
    border-radius: 4px;
    border: 1px solid #f9e3a7;
}

.phone-bar.red-bag-phone-show
{
    background: #d13529 url(/static/img/red-bag/bg.png) no-repeat center 34px;
    background-size: contain;
    color: #f9e3a7;
}

.red-bag-phone-show .company-name
{
    font-size: 16px;
    margin: 24px auto 10px auto;
    font-weight: lighter;
}

.red-bag-phone-show .tips-info
{
    font-size: 14px;
    font-weight: lighter;
}

.red-bag-phone-show .best-wishes
{
    font-size: 22px;
    margin: 35px auto;
}

.red-bag-phone-show .open-red-bag
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    cursor: pointer;
}

.red-bag-phone-show .activity-rule
{
    font-weight: lighter;
    font-size: 14px;
    color: #f9e3a7;
    width: 141px;
    margin: 18px auto 0 auto;
}

    .red-bag-phone-show .activity-rule span
    {
        font-family: STHeitiSC-Light;
        border-bottom: 1px dashed #f9e3a7;
        cursor: pointer;
    }

.bottom-company-name
{
    font-family: STHeitiSC-Light;
    font-size: 12px;
    margin-top: 86px;
    font-weight: lighter;
}

    .bottom-company-name .line-company-logo
    {
        width: 15px;
        height: 16px;
        vertical-align: bottom;
    }

.create-info-ul
{
    padding: 30px 0 100px;
}

.cms-bar
{
    position: relative;
    width: 100%;
    min-height: 510px;
}

.info-link-p
{
    margin-bottom: 2px;
}

.company-info-btn
{
    margin-top: 50px;
}

.external-links
{
    color: #4d9ed2;
    font-size: 14px;
    margin-left: 20px;
}

.phone-info-bar
{
    width: 100%;
    height: 516px;
    background-color: #fff;
    overflow: hidden;
}

.phone-info-box
{
    height: 516px;
    overflow: auto;
    padding: 10px 15px;
}

    #phone-content img, .phone-info-box img
    {
        max-width: 100%;
    }

.default
{
    color: #333;
    font-size: 16px;
    margin-top: 220px;
    text-align: center;
}

.phone-info-box.info-link-text
{
    padding-top: 100px;
    text-align: center;
}

    .phone-info-box.info-link-text .default
    {
        margin-top: 0;
    }

.iconfont.company-info-icon
{
    font-size: 120px;
}

.ibox-content.n-p.company-list-content
{
    padding: 14px;
}

h3.company-list-h3
{
    font-size: 16px;
    color: #333;
    font-weight: 400;
}

ul.brand-ul li, ul.info-ul li
{
    list-style: none;
}

ul.company-list-ul
{
    padding: 15px 0 30px;
    margin-left: -27px;
}

.company-list-ul li
{
    float: left;
    width: 319px;
    background: #e8eaec url(/static/img/company-info/info-bg.png) no-repeat center 20px;
    margin: 0 27px 30px;
    cursor: pointer;
}

    .company-list-ul li .name-bar
    {
        position: relative;
        width: 100%;
        height: 200px;
    }

        .company-list-ul li .name-bar .name-box
        {
            padding-left: 50px;
            width: 270px;
            text-align: center;
            height: 200px;
            vertical-align: middle;
            display: table-cell;
            color: #1bb393;
            font-size: 18px;
        }

        .company-list-ul li .name-bar:hover .preview
        {
            display: block;
        }

    .company-list-ul li .preview
    {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(45,64,80,.8);
        color: #fff;
        font-size: 36px;
        font-weight: lighter;
        letter-spacing: 2px;
        text-align: center;
        padding-top: 80px;
    }

.company-list-ul.brand-ul li
{
    background: #e8eaec url(/static/img/company-info/brand-bg.png) no-repeat center 10px;
}

.brand-ul-bar
{
    width: 100%;
    overflow: hidden;
}

.handle-bar span.iconfont
{
    font-size: 20px;
    margin-right: 8px;
}

.handle-btn
{
    width: 160px;
    border: 1px solid #979797;
    height: 53px;
    line-height: 53px;
    text-align: center;
    background-color: #1e2b36;
    font-size: 16px;
    color: #fff;
}

    .handle-btn.modify-btn a.modify-btn-a
    {
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #fff;
    }

    .handle-btn.delete-btn
    {
        margin-left: -1px;
    }

.company-list-ul li.add
{
    height: 253px;
    background: #e8eaec;
}

    .company-list-ul li.add .add-bar
    {
        width: 280px;
        height: 216px;
        margin: 18px auto;
        border: 1px dashed #979797;
        background: url(/static/img/company-info/add-icon.png) no-repeat center;
    }

.preview-mask.mask-box
{
    position: fixed;
}

.preview-mask .preview-box
{
    width: 436px;
    height: 230px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -218px;
    margin-top: -115px;
    overflow: hidden;
}

.preview-mask-title
{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 14px;
    background-color: #f3f3f4;
    border-bottom: 1px solid #e7e7e7;
}

    .preview-mask-title .close-btn
    {
        margin-right: 10px;
        cursor: pointer;
    }

        .preview-mask-title .close-btn i.iconfont
        {
            font-size: 20px;
        }

.content
{
    padding: 30px 24px 0;
}

    .content.company-info-con
    {
        padding-top: 50px;
    }

.content-title
{
    margin-bottom: 6px;
}

.content-inp
{
    width: 100%;
}

.content-part
{
    margin-bottom: 10px;
}

.preview-phone-box
{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 372px;
    height: 746px;
    margin-left: -186px;
    margin-top: -373px;
    background: url(/static/img/create-product/ipone-model-w.png) no-repeat;
    padding: 108px 23px 0 27px;
}

.preview-phone-info-box
{
    width: 285px;
    height: 568px;
    margin-left: -147px;
    margin-top: -284px;
    background: url(/static/img/info-tips.png) no-repeat;
}

.preview-phone-close
{
    position: absolute;
    right: 60px;
    top: 40px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(/static/img/qr-code/qrcode-close.png) no-repeat;
}

.preview-phone-con #phone-content
{
    height: 511px;
    background-color: #fff;
    overflow: auto;
    padding: 10px 15px;
}

.preview-phone-con .phone-title
{
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #d9d9d9;
    height: 34px;
    line-height: 34px;
    font-weight: 400;
    margin-bottom: 0;
}

    .preview-phone-con .phone-title .back-icon
    {
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 20px;
    }

.cms-error
{
    position: absolute;
    left: 0;
    bottom: -20px;
    color: #f25c5a;
    font-size: 14px;
}

.phone-ul.create-prizes-ul
{
    padding-top: 20px;
}

.input-daterange.input-group
{
    width: 100%;
}

.input-daterange .input-group-addon.prizes
{
    border: none;
    background: 0 0;
    width: 60px;
}

.use-ins-textarea
{
    width: 100%;
    height: 90px;
    resize: none;
    border: 1px solid #e7e7e7;
    outline: 0;
}

.file-btn
{
    display: inline-block;
}

.coupon-file
{
    position: relative;
    margin-bottom: 5px;
}

.files-bar
{
    position: absolute;
    left: 70px;
    top: 22px;
    background: #f4f8fb;
    border: 1px solid #efefef;
    width: 80px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
}

    .files-bar .file-btn
    {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        z-index: 1;
    }

    .files-bar .file-succ
    {
        position: absolute;
        left: 90px;
        top: 0;
        width: 250px;
        text-align: left;
    }

    .files-bar .file-succ-bar
    {
        position: absolute;
        left: 90px;
        top: 0;
        width: 250px;
        text-align: left;
        color: #1bb393;
    }

.file-succ-icon
{
    display: inline-block;
    width: 15px;
    height: 12px;
    background: url(/static/img/prizes/files-success.png) no-repeat;
    margin-right: 4px;
}

.create-ul li
{
    margin-bottom: 0;
}

    .create-ul li .note
    {
        margin-top: 5px;
    }

.note.prizes-note
{
    margin-bottom: 5px;
}

.blue-color
{
    color: #60aad7;
}

.action
{
    width: 432px;
}

.btn-img
{
    background: #4d9fd2;
    background: red;
    height: 34px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
}

.create-btn
{
    margin-top: 40px;
}

.coupon-bar
{
    width: 100%;
    height: 516px;
    background: #f8f8f8;
}

.coupon-ul
{
    padding: 0;
    padding-top: 20px;
}

    .coupon-ul li
    {
        width: 300px;
        min-height: 84px;
        margin: 0 auto 10px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 4px 0 rgba(220,220,220,.5);
    }

        .coupon-ul li .gift-icon
        {
            width: 64px;
            height: 64px;
            margin: 20px 10px 20px 20px;
            border-radius: 5px;
        }

.gift-illustrate
{
    padding: 20px 10px 10px 0;
    color: #666;
}

    .gift-illustrate .gift-title
    {
        font-size: 14px;
        color: #333;
    }

    .gift-illustrate .gift-price
    {
        font-size: 16px;
        color: #f15353;
        margin-top: -3px;
    }

        .gift-illustrate .gift-price .price-icon
        {
            display: inline-block;
            width: 14px;
            height: 14px;
            background: url(/static/img/prizes/quan-icon.png) no-repeat;
            margin-top: 2px;
        }

    .gift-illustrate .gift-date
    {
        font-size: 12px;
        color: #b6b6b6;
        margin-top: 7px;
    }

    .gift-illustrate .gift-code
    {
        font-size: 13px;
        color: #333;
    }

.use-instruction
{
    width: 300px;
    margin: 20px auto 0;
    min-height: 80px;
    background: #f1f1f1;
    position: relative;
    padding: 20px 15px;
    box-sizing: border-box;
    border-radius: 10px;
}

    .use-instruction .triangle-up
    {
        position: absolute;
        left: 60px;
        top: -12px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 20px solid #f1f1f1;
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        transform: rotate(36deg);
    }

.ins-ul
{
    padding: 0;
    font-size: 12px;
}

    .ins-ul li.title
    {
        color: #333;
        margin-bottom: 5px;
    }

    .ins-ul li.text
    {
        color: #8c8c8c;
    }

.create-ul-h5 span
{
    font-size: 14px;
}

.prizes-inp-bottom
{
    margin-bottom: 30px;
}

.inp-bar.prizes .inp-num
{
    top: 60px;
}

.no-bottom
{
    margin-bottom: 0;
}

.create-btn.create-prizes-btn
{
    margin-bottom: 100px;
}

.phone-bar .prizes-name
{
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #333;
    width: 100%;
    padding-left: 16px;
    border-bottom: 1px dashed #ececec;
}

.phone-bar .prizes-pic
{
    height: 218px;
    text-align: center;
    position: relative;
    padding: 16px 16px 0 16px;
}

.prizes-icon
{
    position: absolute;
    right: 30px;
    top: 20px;
    width: 30px;
    height: 40px;
    background: url(/static/img/prizes/prize.png) no-repeat;
    background-size: cover;
}

.prizes-pic img
{
    width: 100%;
}

.physical-text
{
    font-size: 12px;
    padding: 14px 10px 14px 10px;
    position: relative;
    border-bottom: 1px dashed #ececec;
}

    .physical-text .marked
    {
        background-color: #fc0;
        border-radius: 3px;
        color: #fff;
        padding: 2px 4px;
        margin-right: 5px;
    }

    .physical-text .value
    {
        font-size: 16px;
        line-height: 32px;
        color: #f15353;
        margin-top: -6px;
        vertical-align: middle;
    }

        .physical-text .value span
        {
            display: inline-block;
            font-size: 18px;
            font-weight: 700;
            margin-top: 2px;
        }

    .physical-text .date
    {
        margin-top: 5px;
        margin-right: 5px;
    }

form.error-tips-bottom .input-title.input-title-area span.error-tips
{
    top: 195px;
}

.create-ul li .input-title, .create-ul li .input-title-img
{
    font-size: 16px;
    padding-bottom: 4px;
}

#file-name
{
    color: #999;
}

.prizes-pic-bar .imageBox .thumbBox
{
    width: 178px;
    margin-left: -89px;
}

.coupon-pic-bar .imageBox .thumbBox
{
    width: 120px;
    margin-left: -60px;
}

.prizes-detail-bar .imageBox.verify-show
{
    width: 220px;
}

.coupon-detail-bar .imageBox.verify-show
{
    width: 150px;
}

    .coupon-detail-bar .imageBox.verify-show img
    {
        height: 150px;
    }

.imageBox.verify-show img
{
    width: 100%;
}

.code-use
{
    border-top: 1px dashed #ececec;
    padding: 8px 15px;
    margin: 0 14px;
}

    .code-use .code-use-icon
    {
        display: inline-block;
        width: 21px;
        height: 12px;
        background: url(/static/img/prizes/yhq-icon.png) no-repeat;
        margin-top: 4px;
        margin-right: 3px;
    }

.pro-list-h3
{
    margin-top: 18px;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

    .pro-list-h3 .subtitle
    {
        font-size: 13px;
        color: #aaa;
    }

.title-action
{
    padding-top: 12px;
    margin-right: -12px;
}

.title-row
{
    height: 56px;
}

.create-product
{
    padding: 5px 40px;
}

.phone-ul
{
    padding: 0;
}

.phone-ul li
{
    list-style: none;
    position: relative;
}

.model-bar
{
    width: 372px;
    height: 746px;
    background: url(../../../../Content/Images/ico-nav/Module/ipone-model-w.png) no-repeat;
    margin: 15px auto 0;
    padding-top: 108px;
}

    .model-bar .phone-bar
    {
        width: 321px;
        height: 550px;
        margin-left: 27px;
        font-size: 14px;
        font-weight: 400;
    }

        .model-bar .phone-bar .phone-con-bar
        {
            height: 516px;
            overflow: auto;
        }

            .model-bar .phone-bar .phone-con-bar::-webkit-scrollbar
            {
                display: none;
            }

.phone-bar .phone-title
{
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    margin: 0;
    background-color: #fff;
}

    .phone-bar .phone-title .back-icon
    {
        color: #2c2a3a !important;
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 20px;
    }

.phone-pro-pic
{
    width: 100%;
    height: auto;
}

.phone-pro-name-bar
{
    border-top: 1px solid #d9d9d9;
    padding: 10px;
}

    .phone-pro-name-bar .phone-pro-name
    {
        font-size: 14px;
        color: rgb(103, 106, 108);
        margin: 0 !important;
        font-weight: 400;
    }

    .phone-pro-name-bar .phone-pro-brand
    {
        font-size: 14px;
        color: #666;
        margin-top: 3px;
    }

.phone-bar .format-bar
{
    height: 48px;
    line-height: 48px;
    padding: 0 15px;
    background: #f8f8f8;
    font-size: 16px;
    color: #333;
}

.format-ul
{
    padding: 0 15px;
}

    .format-ul li
    {
        width: 100%;
        float: left;
        border-bottom: 1px solid #d9d9d9;
        padding: 10px 0;
    }

.form-control-create
{
    display: block;
    max-width: 100%;
    padding: 0 2px;
    border-radius: 4px;
    height: 30px;
    background: #eaeaea;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
}

    .form-control-create option
    {
        width: 100%;
    }

.create-ul-h5
{
    color: #333;
    font-size: 16px !important;
    font-weight: 400;
    padding-bottom: 4px !important;
}

.img-error-tips
{
    font-size: 14px !important;
    color: #f25c5a;
    margin-left: 10px;
}

form .input-title .error-tips
{
    font-size: 14px !important;
}

.create-ul-h5 .red-color
{
    color: #ed5564;
}

.new-brands
{
    font-size: 14px;
    color: #1c84c6;
}

.sole-brands
{
    color: #999;
}

.create-ul.create-w
{
    padding: 0;
    margin-top: -10px;
}

.create-w
{
    width: 431px;
}

.create-ul li .inp-bar
{
    position: relative;
}

form.create-product .inp-num
{
    position: absolute;
    right: 10px;
    bottom: 7px;
}

.create-ul li .prompt-box
{
    color: #ed5564;
    padding: 5px 8px;
    position: absolute;
    left: 0;
    top: 32px;
}

.create-ul li .upload-phone-bar
{
    position: relative;
    width: 428px;
    height: 150px;
    background: url(/static/img/create-product/upload-photo.png) no-repeat;
}

.create-ul li .upload-box .add-img
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    z-index: 2;
    opacity: 0;
}

.create-ul li .upload-icon
{
    display: none;
}

.create-ul li .note
{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

.create-inp
{
    height: 32px;
    padding: 6px 8px;
}

    .create-inp.create-inp-num
    {
        padding: 6px 50px 6px 8px;
    }

#page-wrapper
{
    height: inherit !important;
}

.btn-success.btn-outline.newadd-button
{
    margin: 30px 0 0 0;
    border-radius: 10px;
}

.wrapper-content.modify-bar
{
    padding-top: 0;
    padding-left: 5px;
}

.modify-time-bar
{
    height: 42px;
    line-height: 42px;
}

.create-pro-time
{
    margin-right: 30px;
}

.form-control.readonly-inp
{
    background-color: #fff;
    color: #999;
}

    .form-control.readonly-inp:focus
    {
        border-color: #eee !important;
    }

.check-product-box
{
    width: 100%;
    height: 150px;
    border: 1px solid #eee;
    text-align: center;
    margin-bottom: 50px;
}

    .check-product-box.see-pro
    {
        margin-bottom: 0;
    }

.btn.btn-w-m.btn-warning.see-pro
{
    margin-top: 50px;
    margin-bottom: 50px;
}

.check-product-box img
{
    height: 100%;
}

.opinion-bar
{
    padding-top: 15px;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
}

    .opinion-bar .opinion-con
    {
        color: #ed5564;
    }

.product-brands-box
{
    position: relative;
}

    .product-brands-box .new-brands
    {
        position: absolute;
        left: 50px;
        top: 28px;
    }

#end-time, #start-time
{
    width: 45% !important;
    background-color: #fff !important;
}

.prizes-interval
{
    width: 10%;
    text-align: center;
    line-height: 30px;
}

.imageBox.verify-show
{
    width: 428px;
}

form.error-tips-bottom .input-title.input-title-img span.error-tips
{
    top: 28px;
    left: 50px;
}

.create-ul li .input-title, .create-ul li .input-title-img
{
    font-size: 16px;
}

body.data-center
{
    color: #333;
}

    body.data-center .panel-body
    {
        border: none;
    }

    body.data-center th
    {
        font-weight: 400;
    }

    body.data-center .panel-body.has-top-border
    {
        border-top: 1px solid #e7eaec;
    }

.data-center-nav
{
    border-top: 1px solid #e7eaec;
    border-bottom: 1px solid #e7eaec;
    padding: 22px 0 18px 12px;
    background-color: #fff;
}

.data-center-top-title
{
    font-size: 16px;
    text-indent: 8px;
    line-height: 16px;
    border-left: 3px solid #1bb393;
    font-family: STHeitiSC-Medium;
}

.data-center-select
{
    border-right: 1px solid #1bb393;
    border-bottom: 1px solid #1bb393;
    margin-right: 15px;
}

    .data-center-select .select-btn
    {
        display: inline-block;
        width: 98px;
        line-height: 32px;
        text-align: center;
        border-top: 1px solid #1bb393;
        border-left: 1px solid #1bb393;
        cursor: pointer;
    }

        .data-center-select .select-btn.select
        {
            background-color: #1bb393;
            color: #fff;
        }

.data-center-select-time input
{
    width: 154px;
    cursor: pointer;
}

table.scan-data
{
    width: 100%;
    text-align: center;
}

.table-scan
{
    width: 100%;
    border: 1px solid #e7e7e7;
    padding-bottom: 16px;
    margin: 10px auto 66px auto;
}

table.scan-data th
{
    padding: 14px 0;
    text-align: center;
    font-weight: 400;
    font-family: STHeitiSC-Medium;
}

table.scan-data td
{
    padding: 4px 0;
    border-right: 1px dashed #e7e7e7;
}

    table.scan-data td .iconfont
    {
        font-size: 20px;
        color: #4d9fd2;
        vertical-align: middle;
        cursor: pointer;
    }

table.scan-data .table-title
{
    padding-top: 4px;
}

    table.scan-data .table-title .tips-position
    {
        display: inline-block;
        position: relative;
        z-index: 100;
    }

table.scan-data .QRcode-data-num
{
    font-size: 30px;
    font-family: STHeitiSC-Medium;
}

table.scan-data td.today
{
    font-family: STHeitiSC-Medium;
    font-size: 18px;
}

.ibox-content.activity-border
{
    border: 1px solid #e7e7e7;
    border-top: none;
}

.has-activity-border
{
    border: 1px solid #e7e7e7;
}

.data-model-name
{
    margin-bottom: 30px;
    font-size: 16px;
    font-family: STHeitiSC-Medium;
}

table.scan-data .table-title .tips-box
{
    padding: 7px 10px;
    box-sizing: border-box;
    background-color: #e8eaec;
    border-radius: 4px;
    margin-left: 10px;
    position: absolute;
    top: 32px;
    right: -21px;
    text-align: left;
    z-index: 99;
}

    table.scan-data .table-title .tips-box.first
    {
        width: 210px;
    }

    table.scan-data .table-title .tips-box.second
    {
        width: 250px;
    }

    table.scan-data .table-title .tips-box.third
    {
        width: 230px;
    }

    table.scan-data .table-title .tips-box i.iconfont
    {
        transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        position: absolute;
        top: -14px;
        right: 22px;
        z-index: 98;
        color: #e8eaec;
    }

.wrapper-content.data-center
{
    padding-bottom: 0;
}

.product-scan-data
{
    width: 100%;
}

    .QRcode-detail a, .product-scan-data a, .table.product-scan-times-detail a
    {
        color: #333;
    }

    .product-scan-data th
    {
        font-size: 16px;
        font-weight: 400;
        font-family: STHeitiSC-Medium;
    }

        .product-scan-data th.place
        {
            width: 12%;
        }

        .product-scan-data th.info
        {
            width: 60%;
        }

    .product-scan-data td.info
    {
        padding: 8px 0;
        color: #333;
        background-color: #fff;
    }

    .product-scan-data td.place-num
    {
        padding-left: 10px;
    }

    .product-scan-data td.info .product-size
    {
        margin-top: 6px;
        color: #666;
    }

    .product-scan-data td.amount
    {
        text-align: right;
        padding-right: 10px;
    }

    .product-scan-data th.amount
    {
        width: 20%;
        text-align: right;
        padding-right: 10px;
    }

.table-create-date
{
    padding: 20px 10px 40px 0;
}

.data-center-detail
{
    font-size: 16px;
    color: #333;
    padding-right: 16px;
}

    .QRcode-detail a:hover, .data-center-detail:hover, .product-scan-data td.info a:hover, .table-hover > tbody > tr:hover a.product
    {
        color: #3994cd;
        text-decoration: underline;
    }

.panel-body.QRcode-data
{
    padding-bottom: 0;
}

.QRcode-select-tab.nav li a
{
    font-family: STHeitiSC-Medium;
    height: initial;
    line-height: normal;
    color: #333;
    font-size: 16px;
    padding: 0 20px 10px 20px;
}

    .QRcode-select-tab.nav li a:hover
    {
        color: #333;
    }

.table.QRcode-detail tr td
{
    font-size: 14px;
    vertical-align: middle;
}

.table tr td.data_center-sum-font
{
    color: #333;
    font-size: 16px;
}

.table.QRcode-detail td.qrcode-product-name
{
    padding-right: 80px;
}

.QRcode-detail td .product-size
{
    font-size: 14px;
    color: #666;
    margin-top: 6px;
}

.data-center-top-title.scan-times
{
    margin: 40px 0 30px 0;
}

a.modify
{
    color: #18a689;
    margin-right: 20px;
    cursor: pointer;
}

    a.modify.no-margin
    {
        margin-right: 0;
    }

    a.modify:hover
    {
        color: #18a689;
        text-decoration: underline;
    }

.table.product-scan-times-detail thead tr th
{
    padding-left: 35px;
    font-size: 16px;
}

.table.product-scan-times-detail tbody tr td
{
    padding: 26px 35px;
    vertical-align: middle;
}

.table.product-scan-times-detail td .product-size
{
    margin-top: 12px;
    color: #666;
}

.domain-product-scan-times table td, .domain-product-scan-times table th
{
    border-bottom: 1px solid #e7e7e7;
}

.domain-product-scan-times table th
{
    padding-bottom: 13px;
}

.domain-product-scan-times table td
{
    padding: 4px 0;
}

    .domain-product-scan-times table td.no-border
    {
        border: none;
    }

.data_center-table-title_color
{
    color: #333;
}

.iconfont.QRcode-is-check
{
    font-size: 20px;
    color: #1bb393;
}

.scan-history-select-kind
{
    margin: 0 7px 0 15px;
    width: 240px;
    position: relative;
}

    .scan-history-select-kind .input-select-name
    {
        width: 100%;
        border: 1px solid #e7e7e7;
        box-sizing: border-box;
        border-radius: 4px;
        padding-right: 84px;
        overflow: hidden;
    }

    .scan-history-select-kind .select-kind
    {
        width: 84px;
        padding-left: 6px;
        height: 32px;
        background: #eaeaea;
        border: 1px solid #e7e7e7;
        border-left: none;
        border-radius: 4px;
        position: absolute;
        top: 1px;
        right: 1px;
        z-index: 99;
    }

        .scan-history-select-kind .select-kind:focus
        {
            outline: 0;
        }

.scan-history-select-term i.icon-sousuo_sousuo
{
    line-height: 34px;
    padding: 0 8px;
    background: #e8eaec;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
    font-size: 20px;
    color: #333;
    cursor: pointer;
    border-radius: 4px;
}

.data-pic-bar
{
    width: 491px;
    height: 231px;
    background: url(/static/img/developing2.png) no-repeat;
    margin: 187px auto 0;
}

.warning-pic-bar
{
    width: 187px;
    height: 153px;
    background: url(/static/img/developing.png) no-repeat;
    margin: 187px auto 0;
}

.center-text
{
    text-align: center;
    color: #444;
}

.big-text
{
    font-size: 30px;
    margin: 50px 0 10px;
}

.small-text
{
    font-size: 18px;
}

.apply-title.weixin-settings
{
    border-left: 3px solid #1bb393;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding-left: 6px;
    vertical-align: middle;
    margin: 34px 0 14px;
}

.step
{
    width: 100%;
    margin: 0 auto;
}

    .step.flow1
    {
        height: 410px;
        background: url(/static/img/flow/flow-qrcode/flow1.png) no-repeat;
        background-size: contain;
    }

    .step.flow2
    {
        height: 676px;
        background: url(/static/img/flow/flow-qrcode/flow2.png) no-repeat;
        background-size: contain;
    }

    .step.flow3
    {
        height: 410px;
        background: url(/static/img/flow/flow-qrcode/flow3.png) no-repeat;
        background-size: contain;
    }

    .step.flow4
    {
        height: 858px;
        background: url(/static/img/flow/flow-qrcode/flow4.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity1
    {
        height: 410px;
        background: url(/static/img/flow/flow-activity/flow1.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity2
    {
        height: 401px;
        background: url(/static/img/flow/flow-activity/flow2.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity3
    {
        height: 411px;
        background: url(/static/img/flow/flow-activity/flow3.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity4
    {
        height: 520px;
        background: url(/static/img/flow/flow-activity/flow4.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity5
    {
        height: 411px;
        background: url(/static/img/flow/flow-activity/flow5.png) no-repeat;
        background-size: contain;
    }

    .step.flow-activity6
    {
        height: 411px;
        background: url(/static/img/flow/flow-activity/flow6.png) no-repeat;
        background-size: contain;
    }

    .step.flow-weixin1
    {
        height: 531px;
        background: url(/static/img/weixin/step1.png) no-repeat;
        background-size: contain;
    }

    .step.flow-weixin2
    {
        height: 531px;
        background: url(/static/img/weixin/step2.png) no-repeat;
        background-size: contain;
    }

    .step.flow-weixin3
    {
        height: 733px;
        background: url(/static/img/weixin/step3.png) no-repeat;
        background-size: contain;
    }

    .step.flow-weixin4
    {
        height: 531px;
        background: url(/static/img/weixin/step4.png) no-repeat;
        background-size: contain;
    }

.ibox-content.setings-con
{
    padding: 10px;
    padding-bottom: 30px;
}

.ibox.n-m
{
    margin-bottom: 0;
}

.last-flow-con
{
    margin-bottom: 100px;
}

.ibox.function-bar
{
    background-color: #fff;
    border: 1px solid #e8eaec;
    margin-bottom: 35px;
}

.ibox-content.function-box
{
    border: none;
    padding: 15px;
    padding-bottom: 20px;
    border-bottom: 3px solid #1bb393;
}

.ibox-content .cont-r
{
    width: 52px;
    height: 52px;
    border: 1px solid #1bb393;
    border-radius: 50%;
    background-color: #fff;
    padding: 2px;
}

    .ibox-content .cont-r .circle
    {
        width: 100%;
        height: 100%;
        line-height: 48px;
        border-radius: 50%;
        background-color: #1bb393;
        text-align: center;
        color: #fff;
    }

        .ibox-content .cont-r .circle .iconfont
        {
            font-size: 24px;
        }

.ibox-content .cont-l .cont-title
{
    font-size: 18px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ibox-content .cont-l .cont-text
{
    font-size: 12px;
    color: #333;
}

.green .function-box, .green .function-box .cont-r
{
    border-color: #1bb393;
}

    .green .function-box .cont-r .circle
    {
        background-color: #1bb393;
    }

    .green .function-box .cont-l .cont-title
    {
        color: #1bb393;
    }

.orchid .function-box, .orchid .function-box .cont-r
{
    border-color: #25c6c8;
}

    .orchid .function-box .cont-r .circle
    {
        background-color: #25c6c8;
    }

    .orchid .function-box .cont-l .cont-title
    {
        color: #25c6c8;
    }

.blue .function-box, .blue .function-box .cont-r
{
    border-color: #1c84c6;
}

    .blue .function-box .cont-r .circle
    {
        background-color: #1c84c6;
    }

    .blue .function-box .cont-l .cont-title
    {
        color: #1c84c6;
    }

.orange .function-box, .orange .function-box .cont-r
{
    border-color: #f8ac58;
}

    .orange .function-box .cont-r .circle
    {
        background-color: #f8ac58;
    }

    .orange .function-box .cont-l .cont-title
    {
        color: #f8ac58;
    }

h5.part-h5
{
    font-weight: 400;
    font-size: 14px;
    color: #333;
    margin-top: 3px;
    margin-bottom: 0;
}

.part-ul
{
    padding: 0;
    margin: 0;
}

    .part-ul li
    {
        float: left;
        width: 33%;
        list-style: none;
    }

        .part-ul li .icon-bar
        {
            width: 66px;
            height: 66px;
            text-align: center;
            line-height: 66px;
            border: 1px dotted #b3f3e6;
            border-radius: 50%;
            margin: 0 10px;
        }

            .part-ul li .icon-bar .iconfont
            {
                font-size: 45px !important;
                color: #1bb393;
            }

                .part-ul li .icon-bar .iconfont.icon-tijiaodingdan
                {
                    font-size: 55px !important;
                }

                .part-ul li .icon-bar .iconfont.icon-chuangjianhuodong
                {
                    font-size: 50px !important;
                }

        .part-ul li .part-ul-con h5
        {
            font-size: 18px;
            color: #333;
            font-weight: 400;
            margin-top: 10px;
            margin-bottom: 10px;
        }

        .part-ul li .part-ul-con p
        {
            font-size: 14px;
            color: #666;
        }

.arrow-bar
{
    text-align: center;
    padding-top: 10px;
    margin-right: 50px;
}

    .arrow-bar .index-part-arrow
    {
        font-size: 30px;
        font-weight: lighter;
        color: #e8eaec;
    }

.part-ibox-cont
{
    padding: 25px;
    padding-bottom: 20px;
}

.wrapper-content.index
{
    padding-top: 35px;
}

.ibox.b-35
{
    margin-bottom: 35px;
}

.ibox-title.index-ibox-title
{
    min-height: inherit;
    padding: 7px 15px;
}

.warning-bg
{
    background-color: #f8ac58;
}

.warnin-h3
{
    margin: 0;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    font-weight: 400;
}

    .warnin-h3 .iconfont
    {
        margin-right: 5px;
    }

.btn-white
{
    background-color: #fff;
    color: #1c84c6;
}

.icon-chuangjian-copy
{
    font-size: 34px !important;
    margin-top: 2px;
    margin-left: 5px;
}

.icon-code_apply
{
    font-size: 32px !important;
    margin-top: 4px;
    margin-left: 3px;
}

.icon-chuangjianhuodong
{
    font-size: 40px !important;
    margin-top: 2px;
    margin-left: 0;
}

.icon-jiang
{
    font-size: 34px !important;
    margin-top: 2px;
    margin-left: 0;
}

.index-view
{
    padding: 0 10px;
}

body.form
{
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.banner-img.register
{
    width: 604px;
    height: 584px;
    border: 1px solid #e5e6e7;
}

.banner-img.login
{
    width: 604px;
    height: 502px;
    background: url(/static/img/login/banner.png) no-repeat center;
}

.top-banner-register
{
    width: 100%;
    height: 130px;
    box-sizing: border-box;
    background: url(/static/img/register/banner.png) no-repeat center left;
}

.register-container
{
    width: 1000px;
    margin: 0 auto;
}

    .register-container.middle
    {
        height: 100%;
        position: relative;
    }

.banner-box-register
{
    width: 222px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    margin-top: -36px;
}

.register-container.form-box
{
    padding: 82px 0;
}

.register-form
{
    width: 354px;
    border: 1px solid #e5e6e7;
}

.find-password-form
{
    width: 1000px;
    border: 1px solid #e5e6e7;
}

.register-title
{
    height: 66px;
    line-height: 66px;
    font-size: 20px;
    color: #333;
    text-align: left;
    padding: 0 26px;
    border-bottom: 1px solid #e5e6e7;
    margin: 0;
}

form.register
{
    padding: 0 26px 38px 26px;
}

form.find-width
{
    width: 396px;
    padding: 50px 0 74px 0;
    margin-left: 200px;
}

    form.find-width .tips-title
    {
        margin-top: 20px;
    }

form .input-title
{
    font-size: 14px;
    color: #333;
    padding: 26px 0 4px 0;
    position: relative;
}

form .input-title-img
{
    font-size: 14px;
    color: #333;
    padding: 26px 0 7px 0;
    position: relative;
}

form .input-title.find-password
{
    line-height: 32px;
    padding: 0;
    position: relative;
}

form .input-title .error-tips
{
    color: #f25c5a;
}

form.error-tips-right .input-title span.error-tips
{
    position: absolute;
    top: 0;
    right: -570px;
    width: 250px;
}

form.error-tips-bottom .input-title span.error-tips
{
    width: 100%;
    position: absolute;
    top: 84px;
    left: 7px;
}

.input-in
{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e5e6e7;
    height: 32px;
    padding-left: 7px;
    font-size: 14px;
}

    .input-in.find-password
    {
        width: 300px;
        margin-left: 12px;
    }

        .input-in.find-password.no-padding
        {
            padding-left: 0;
            border: none;
        }

form.find-width .code-input
{
    margin-left: 12px;
}

.input-in.code-input
{
    width: 216px;
}

.input-in.img-code-input
{
    width: 206px;
}

.input-in.error-input
{
    border: 1px solid #ef5a50;
}

form.find-width .send-message
{
    margin-left: 6px;
}

.send-message
{
    width: 78px;
    font-size: 14px;
    color: #999;
    box-sizing: border-box;
    border: 1px solid #e5e6e7;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: #fff;
    outline: 0;
    cursor: pointer;
}

.img-code
{
    width: 88px;
    height: 32px;
    box-sizing: border-box;
    cursor: pointer;
}

    .img-code img
    {
        vertical-align: top;
    }

p.agree-register
{
    font-size: 14px;
    color: #999;
    margin-top: 30px !important;
}

    p.agree-register a.agree-text
    {
        color: #5195e1;
        cursor: pointer;
    }

        p.agree-register a.agree-text:link, p.agree-register a.agree-text:visited
        {
            text-decoration: none;
        }

    p.agree-register .forget-password
    {
        cursor: pointer;
    }

    p.agree-register .checkbox
    {
        width: 14px;
        height: 14px;
        border: 1px solid #e5e6e7;
        margin: 3px 6px 0 0;
        cursor: pointer;
    }

.agree-register .checkbox.agree-this
{
    background: url(/static/img/register/agree.png) no-repeat center;
}

.submit-btn
{
    width: 300px;
    height: 40px;
    outline: 0;
    border: none;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #1bb393;
    margin: 20px auto;
}

    .submit-btn.disabled
    {
        background: #b1b1b1;
        cursor: not-allowed;
    }

p.bottom-login
{
    font-size: 14px;
    color: #999;
    text-align: center;
}

.bottom-login .login-url
{
    color: #5195e1;
}

::-webkit-input-placeholder
{
    color: #aeaba9;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
}

.register-tips
{
    padding: 106px 0;
}

.form-tips-box .first-tips-text
{
    font-size: 20px;
    color: #333;
    margin-top: 20px;
}

.form-tips-box .second-tips-text
{
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.form-tips-box .success-url
{
    background: #1bb393;
    width: 230px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    margin-top: 36px;
}

    .form-tips-box .success-url.has-radius
    {
        border-radius: 4px;
    }

body.form.agreement
{
    min-height: 100vh;
    padding-bottom: 80px;
    position: relative;
}

.agreement-title
{
    font-size: 20px;
    color: #333;
    margin: 37px 0 30px 0;
}

.agreement-content
{
    font-size: 14px;
    color: #333;
}

body.agreement .under-company
{
    width: 100%;
    font-size: 13px;
    color: #999;
    margin-top: 20px;
    position: absolute;
    bottom: 14px;
    left: 0;
}

.form-control-sec
{
    width: 100%;
    padding: 0 2px;
    border-radius: 4px;
    background: #eaeaea;
    font-size: 14px;
    color: #666;
    border: 1px solid #e5e6e7;
}

    .form-control-sec:focus
    {
        outline: 0;
    }

.form-add-img
{
    width: 135px;
    height: 135px;
    position: relative;
    margin-bottom: 4px;
}

    .form-add-img img
    {
        max-width: 100%;
    }

form.error-tips-bottom .input-title.has-img span.error-tips
{
    position: absolute;
    left: 7px;
    top: 208px;
    width: 200px;
}

.form-add-img .button-upload-img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.form-add-img .add-file-inp
{
    opacity: 0;
}

form.apple-bill-from .input-title
{
    font-size: 16px;
}

body, html
{
    height: initial;
}

body
{
    font-family: STHeitiSC-Light,"Helvetica Neue","Hiragino Sans GB","Microsoft YaHei",榛戜綋,Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    background-color: #f3f3f4;
}

button
{
    outline: 0 !important;
}

.red-text
{
    color: #f25c5a;
}

.blue-text
{
    color: #3994cd !important;
}

.opacity-none
{
    opacity: 0;
}

input::-ms-clear
{
    display: none !important;
}

.nav.metismenu
{
    position: relative;
}

.system-name
{
    width: 350px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    padding-left: 25px;
    margin-left: 170px;
    letter-spacing: 2px;
}

.logo-bar
{
    width: 100%;
    height: 42px;
    background-color: #1bb393;
    padding-top: 5px;
}

    .logo-bar .logo-box
    {
        width: 100px;
        height: 32px;
        margin: 0 auto;
    }

.iconfont
{
    font-weight: 400;
}

.nav-line
{
    width: 80%;
    border-top: 1px solid #8f9aac;
    margin: 0 auto;
}

.navbar-con
{
    padding-top: 10px;
    padding-bottom: 60px;
}

.nav > li > a
{
    color: #a7b1c1;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 0;
}

.nav.code-nav > li > a
{
    font-size: 16px;
    color: #333;
}

.nav.code-nav > li.active > a
{
    font-size: 16px;
    color: #333;
    line-height: 52px;
}

.nav .data-account
{
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #666;
    padding-right: 20px;
}

.metismenu li.active .collapse
{
    display: block;
}

.icon-jiantou1
{
    font-weight: 400;
    margin-top: 3px;
    margin-right: -10px;
    font-size: 12px;
}

    .icon-jiantou1.no-margin
    {
        margin-top: 0;
    }

.metismenu li.active a .icon-jiantou1
{
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.nav-second-level
{
    margin-top: -5px;
}

    .nav-second-level li a
    {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
    }

    .nav-second-level li:last-child
    {
        margin-bottom: 5px;
    }

.sign-out-bar
{
    float: right;
    padding-top: 10px;
    padding-right: 35px;
}

    .sign-out-bar li
    {
        list-style: none;
        float: left;
        padding: 0 10px;
        position: relative;
    }

        .sign-out-bar li::after
        {
            content: '';
            width: 1px;
            height: 15px;
            background: #999;
            position: absolute;
            right: 0;
            top: 4px;
        }

        .sign-out-bar li:last-child::after
        {
            display: none;
        }

        .sign-out-bar li a
        {
            color: #6b6b6b;
        }

            .sign-out-bar li a.ident-bar
            {
                background: #929292;
                color: #fff;
                padding: 2px 5px;
            }

                .sign-out-bar li a.ident-bar.certifing
                {
                    background: #f8ac58;
                }

                .sign-out-bar li a.ident-bar.certified
                {
                    background: #1bb393;
                }

.admin-icon
{
    color: #929292;
    margin-right: 10px;
}

#page-wrapper
{
    margin: 0 0 0 160px !important;
}

.navbar-static-side
{
    z-index: 2001;
    position: absolute;
    width: 160px;
}

.navbar
{
    height: 40px;
    min-height: 40px;
    border: none !important;
}

.navbar-form-custom
{
    height: 40px;
    margin-bottom: 0;
}

.border-bottom
{
    border: none !important;
}

p
{
    margin: 0;
}

a:hover
{
    text-decoration: none;
}

input:focus
{
    outline: 0;
}

.container-title
{
    height: 56px;
    line-height: 56px;
    font-size: 16px;
    padding-left: 20px;
}

.n-p
{
    padding: 0;
}

.container-title .pro-list-h3
{
    margin: 0;
    font-size: 16px;
    height: 56px;
    line-height: 56px;
    color: #333;
    font-weight: 400;
}

    .container-title .pro-list-h3 .special-color
    {
        color: #999;
    }

.container-title .title-action
{
    margin: 0;
    padding: 0;
}

    .container-title .title-action .create-product
    {
        padding: 5px 40px;
    }

    .container-title .title-action .add-address
    {
        padding: 5px 26px;
        margin-right: 5px;
    }

.btn-radius
{
    border-radius: 6px !important;
}

.account-form-title
{
    font-size: 16px;
    margin-bottom: 36px;
}

.mask-box
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 3000;
}

.bomb-message-mask .message-code
{
    width: 380px;
    height: 220px;
}

.bomb-message-mask .bomb-wait
{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 666;
    margin-left: -226px;
    margin-top: -116px;
    width: 380px;
    height: 222px;
    background: #fff;
}

.bomb-title
{
    position: relative;
    height: 50px;
    line-height: 50px;
    background: #eee;
    font-size: 16px;
    color: #3c3c3c;
    padding-left: 20px;
    font-weight: 400;
}

    .bomb-title .close-icon
    {
        position: absolute;
        right: 14px;
        top: 8px;
        font-size: 22px;
        z-index: 100;
        cursor: pointer;
        line-height: initial;
    }

.bomb-bottom
{
    padding: 0 50px 30px 50px;
}

.input-code-box
{
    width: 280px;
    margin-top: 25px;
}

    .input-code-box .bomb-code
    {
        padding: 0 0 0 5%;
        font-size: 14px;
        height: 35px;
        line-height: 35px;
        border: 1px solid #dcdcdc;
    }

.bomb-bottom .bomb-code-box
{
    width: 88px;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    margin-left: 6px;
}

.bomb-bottom .tips-text
{
    width: 62px;
}

.bomb-bottom .tips-error
{
    font-size: 12px;
    color: #ed594f;
    margin: 0;
    display: block;
    width: 100%;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bomb-message-btn
{
    border: none;
    outline: 0;
    border-radius: 6px;
    color: #fff;
    vertical-align: middle;
    background: #1bb393;
    width: 100%;
    height: 44px;
    line-height: 44px;
}

.empty
{
    min-height: 190px;
    border: 1px solid #ddd;
    border-top: none;
    box-sizing: border-box;
    text-align: center;
    padding-bottom: 20px;
    overflow: hidden;
}

    .empty.no-alarm
    {
        border: none;
    }

    .empty.has-border
    {
        border-top: 1px solid #ddd;
    }

    .empty .empty-icon
    {
        font-size: 100px;
        color: #d5d5d5;
    }

        .empty .empty-icon.icon-wuyouhuiquan
        {
            font-size: 120px;
            margin-bottom: -40px;
        }

        .empty .empty-icon.icon-huolisong-M-wujiangli
        {
            font-size: 150px;
            margin-top: -30px;
            margin-bottom: -40px;
        }

        .empty .empty-icon.icon-wutuijian
        {
            font-size: 150px;
            margin-top: -30px;
            margin-bottom: -40px;
        }

        .empty .empty-icon.icon-zhengfangxing
        {
            font-size: 95px;
            margin-top: 20px;
            margin-bottom: -10px;
        }

    .empty .empty-text
    {
        font-size: 20px;
        font-weight: lighter;
        color: #a7b1c1;
    }

        .empty .empty-text .create-link
        {
            color: #1bb393;
        }

.page-bar
{
    margin-top: 15px;
    margin-bottom: 10px;
}

.form-control-sel
{
    display: inline-block;
    width: inherit;
    margin: 0 10px;
    padding: 0 2px;
    border-radius: 4px;
    height: 30px;
    background: #eaeaea;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
}

.content-tips-box
{
    width: 300px;
    min-height: 200px;
    border-radius: 4px;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    padding: 20px 36px 30px 35px;
}

.close-mask-btn
{
    display: inline-block;
    position: relative;
    top: -12px;
    left: 238px;
    cursor: pointer;
}

    .close-mask-btn .iconfont
    {
        font-size: 16px;
        font-weight: bolder;
        color: #acacac;
    }

.content-tips-box .tips-kinds
{
    font-family: STHeitiSC-Medium;
    font-size: 18px;
    color: #333;
    margin-bottom: 14px;
}

.content-tips-box .under-tips-text
{
    font-size: 14px;
    color: #333;
}

.content-tips-box .event-btn
{
    border-radius: 4px;
    width: 97px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #1bb393;
    text-align: center;
    margin-top: 29px;
}

    .content-tips-box .event-btn.tips-left-btn
    {
        border: 1px solid #1bb393;
    }

    .content-tips-box .event-btn.tips-right-btn
    {
        background-color: #1bb393;
        color: #fff;
    }

.content-tips-box .close-pages-text
{
    color: #999;
    margin-top: 8px;
}

.tabs-container .nav-tabs li.active a, .tabs-container .nav-tabs li.active a:focus, .tabs-container .nav-tabs li.active a:hover
{
    border: none;
    border-bottom: 3px solid #1bb393;
}

#navbar
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 160px;
    background-color: #2f4050;
    height: 100%;
    z-index: 1001;
}

#page-wrapper
{
    padding-top: 40px;
}

#header
{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    background-color: #f3f3f4;
    z-index: 1000;
}

.white-bg .navbar-static-top
{
    background-color: #f3f3f4;
}

.slimScrollBar
{
    opacity: 0 !important;
}

.full-height-scroll
{
    width: 160px !important;
}

.iconfont
{
    font-size: 16px;
}

    .icon-dizhi, .icon-erweima, .icon-yonghuguanli, .icon-zuanshi, .iconfont.icon-iconfontchanpin
    {
        font-size: 20px;
    }

    .iconfont.icon-fapiao01
    {
        font-size: 24px;
        margin-left: -4px;
        margin-right: 5px;
    }

    .iconfont.icon-hongbao-copy
    {
        font-size: 24px;
        vertical-align: middle;
        margin-left: -4px;
        margin-right: 1px;
    }

    .iconfont.icon-guanli
    {
        margin-right: 10px;
    }

.icon-iconfont8
{
    font-size: 24px;
    margin-left: -4px;
}

.pro-list-h3
{
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

    .pro-list-h3 .tips-icon
    {
        font-size: 24px;
        color: #4d9fd2;
        padding-top: 1px;
        padding-left: 6px;
        cursor: pointer;
    }

.title-row
{
    height: 56px;
}

.title-action
{
    padding-top: 12px;
    margin-right: -12px;
}

.iconfont.arrow-jiantou
{
    font-size: 14px;
    margin-right: -5px;
}

    .iconfont.arrow-jiantou.icon-xiangxia
    {
        font-size: 12px;
    }

.mask-loading
{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.4);
}

    .mask-loading .loading-img
    {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        background-color: #fff;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    }

.gray-font
{
    color: #999 !important;
}

.table-bordered th
{
    font-weight: 400;
    font-size: 16px;
    color: #333;
}

.table-bordered
{
    table-layout: fixed;
}

.green-vertical-h3-title
{
    border-left: 3px solid #1bb393;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding-left: 6px;
    vertical-align: middle;
    margin: 0;
    margin-top: 30px !important;
    margin-bottom: 30px;
    font-family: STHeitiSC-Medium,"寰蒋闆呴粦";
}

table .table-empty-icon
{
    font-size: 100px;
    color: #d5d5d5;
}

table .table-empty-text
{
    font-size: 20px;
    font-weight: lighter;
    color: #a7b1c1;
}

.dataTables_wrapper .dataTables_info
{
    margin-top: 20px;
    padding-top: 0;
}

.dataTables_wrapper .dataTables_length
{
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_paginate
{
    margin-top: 15px;
}

.dataTables_wrapper .dataTables_length select
{
    display: inline-block;
    width: inherit;
    margin: 0 10px;
    padding: 0 2px;
    border-radius: 4px;
    height: 30px;
    background: #eaeaea;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
}

.dataTables_wrapper .dataTables_length label
{
    font-weight: 400;
}

.datatable-bar table.dataTable.display tbody tr, .datatable-bar table.dataTable.stripe tbody tr
{
    background-color: #fff;
}

    .datatable-bar table.dataTable.display tbody tr > .sorting_1, .datatable-bar table.dataTable.order-column.stripe tbody tr > .sorting_1
    {
        background-color: #fff;
    }

    .datatable-bar table.dataTable.display tbody tr:hover, .datatable-bar table.dataTable.hover tbody tr:hover
    {
        background-color: #f3f3f4;
    }

        .datatable-bar table.dataTable.display tbody tr:hover > .sorting_1, .datatable-bar table.dataTable.order-column.hover tbody tr:hover > .sorting_1
        {
            background-color: #f3f3f4;
        }

.datatable-bar table.datatable-me
{
    border: 1px solid #ddd;
    margin-bottom: 0;
    color: #333;
    border-collapse: collapse;
    margin-top: 15px;
}

    .datatable-bar table.datatable-me th
    {
        font-weight: 400;
    }

    .datatable-bar table.datatable-me td, table.product-list-table td
    {
        color: #333;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover
{
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    color: inherit;
    background: #fff;
    border: 1px solid #e7eaec;
    box-shadow: 0 2px 5px rgba(0,0,0,.15) inset;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover
{
    color: inherit !important;
    border: 1px solid #d2d2d2;
    background: 0 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    background: #fff;
    border: 1px solid #e7eaec;
    margin-left: 0;
    border-radius: 0;
    color: #1c84c6 !important;
}

.table-hover.empty-table > tbody > tr.odd:hover
{
    background-color: #fff !important;
}

.scan-history-select-term i.icon-sousuo_sousuo
{
    line-height: 34px;
    padding: 0 8px;
    background: #e8eaec;
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.5);
    font-size: 20px;
    color: #333;
    cursor: pointer;
    border-radius: 4px;
}

.font-blod
{
    font-weight: 700 !important;
}

.front-medium
{
    font-family: STHeitiSC-Medium,"Microsoft YaHei";
}

.font-number
{
    font-family: HelveticaNeue,Arial,'榛戜綋' !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner
{
    max-height: 400px !important;
}

.code-order-detail
{
    padding: 25px 12px 150px;
}

.order-detail
{
    width: 100%;
    border: 1px solid #e7e7e7;
    margin-bottom: 37px;
    height: 235px;
    overflow: hidden;
}

    .order-detail .detail-l
    {
        width: 30%;
        background-color: #f8f8f8;
        border-right: 1px solid #e7e7e7;
    }

.detail-l-title
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #f3f3f4;
    border-bottom: 1px solid #e7e7e7;
    margin: 0 !important;
    padding-left: 28px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
}

.detail-l-ul
{
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 20px;
    margin-bottom: 1000px;
}

    .detail-l-ul li
    {
        list-style: none;
        padding: 0 50px 0 100px;
        position: relative;
        line-height: 20px;
        font-size: 14px;
        color: #333;
        margin-bottom: 5px;
    }

        .detail-l-ul li span
        {
            position: absolute;
            left: 27px;
            top: 0;
            color: #666;
        }

.order-detail .detail-r
{
    width: 70%;
}

.relate-bar
{
    width: 100%;
    border: 1px solid #e7e7e7;
}

.relate-ul
{
    padding: 0;
    margin: 0;
}

    .relate-ul li
    {
        float: left;
        list-style: none;
    }

        .relate-ul li.first
        {
            width: 35%;
        }

        .relate-ul li.second
        {
            width: 20%;
        }

        .relate-ul li.third
        {
            width: 15%;
        }

        .relate-ul li.fourth
        {
            width: 15%;
        }

        .relate-ul li.fifth
        {
            width: 15%;
        }

.relate-title-ul
{
    border-bottom: 1px solid #e7e7e7;
}

    .relate-title-ul li
    {
        text-align: center;
        height: 30px;
        line-height: 30px;
    }

.relate-con-ul li
{
    min-height: 116px;
    border-right: 1px solid #e7e7e7;
    padding: 24px 0 24px;
    text-align: center;
}

    .relate-con-ul li.first
    {
        padding-left: 27px;
        padding-right: 80px;
    }

    .relate-con-ul li.second
    {
        padding-left: 24px;
        padding-right: 24px;
        text-align: left;
    }

    .relate-con-ul li.fifth
    {
        border-right: none;
    }

.relate-pic-bar
{
    width: 75px;
    height: 68px;
    line-height: 68px;
    border: 1px solid #e7e7e7;
    text-align: center;
    margin-right: 18px;
}

.relate-con-bar .relate-con
{
    font-size: 14px;
    color: #666;
    line-height: 16px;
    text-align: left;
}

.relate-con-bar .relate-con-spec
{
    color: #999;
    text-align: left;
}

.qrcode-style-bar
{
    margin-right: 10px;
    position: relative;
}

.qrcode-text-bar
{
    padding-top: 4px;
}

    .qrcode-text-bar .view-pic-btn
    {
        color: #1e85c7;
    }

.relate-code-img
{
    width: 45px;
}

.relate-con-ul li.light-gray
{
    color: #999;
    padding-top: 46px;
}

    .relate-con-ul li.light-gray.fifth
    {
        color: #999;
        padding-top: 36px;
    }

.detail-r-con
{
    width: 480px;
    margin: 60px auto 30px;
    position: relative;
}

    .detail-r-con .detail-icon
    {
        position: absolute;
        left: -52px;
        top: -20px;
        font-size: 45px;
        color: #1c84c6;
    }

    .detail-r-con .detail-title
    {
        font-size: 18px;
        color: #333;
        font-weight: 400;
        margin: 0;
        margin-bottom: 5px;
    }

    .detail-r-con .detail-logistics
    {
        font-size: 14px;
        color: #666;
    }

        .detail-r-con .detail-logistics.special
        {
            margin-top: 3px;
        }

        .detail-r-con .detail-logistics .pay-money
        {
            display: inline-block;
            margin: 0 10px 0;
            color: #f25c5a;
        }

        .detail-r-con .detail-logistics .express
        {
            margin-right: 20px;
        }

        .detail-r-con .detail-logistics.last
        {
            margin-top: 50px;
        }

        .detail-r-con .detail-logistics .apply-link
        {
            color: #1e85c7;
            margin-left: 40px;
        }

            .detail-r-con .detail-logistics .apply-link.btn-facebook:hover
            {
                color: #fff;
            }

            .detail-r-con .detail-logistics .apply-link:hover
            {
                color: #1e85c7;
            }

            .detail-r-con .detail-logistics .apply-link.trace-btn
            {
                color: #1e85c7;
                margin-left: 20px;
            }

        .detail-r-con .detail-logistics .pay-now
        {
            margin-left: 15px;
            margin-right: -25px;
        }

.order-nav-bar
{
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 30px;
}

    .order-nav-bar li
    {
        float: left;
        list-style: none;
        text-align: center;
    }

        .order-nav-bar li.first
        {
            width: 16%;
        }

    .order-nav-bar li
    {
        width: 28%;
    }

        .order-nav-bar li .arrow-nav-li
        {
            width: 40%;
        }

        .order-nav-bar li .order-flow-bar
        {
            width: 60%;
        }

        .order-nav-bar li.first .order-flow-bar
        {
            width: 100%;
        }

        .order-nav-bar li .arrow-nav
        {
            width: 94px;
            height: 22px;
            background: url(/static/img/qr-code/gray-arrow.png) no-repeat;
            margin: 25px auto 0;
        }

        .order-nav-bar li.active .arrow-nav
        {
            background: url(/static/img/qr-code/green-arrow.png) no-repeat;
        }

        .order-nav-bar li .circle-bar
        {
            margin: 0 auto;
            width: 62px;
            height: 62px;
            line-height: 68px;
            border-radius: 50%;
            background-color: #d7d7d7;
        }

        .order-nav-bar li.active .circle-bar
        {
            background-color: #1bb393;
        }

.circle-bar span
{
    font-size: 30px;
    color: #fff;
}

    .circle-bar span.icon-icontijiaoshenqing
    {
        font-size: 45px;
    }

    .circle-bar span.icon-zhifu
    {
        font-size: 40px;
    }

    .circle-bar span.icon-dayin
    {
        font-size: 45px;
    }

    .circle-bar span.icon-fahuo
    {
        font-size: 40px;
    }

.order-nav-bar li .flow-bar
{
    font-size: 16px;
    color: #333;
    margin: 10px 0 5px;
}

.order-nav-bar li .time-bar
{
    font-size: 14px;
    color: #666;
}

.expire-price
{
    color: #ccc;
    text-decoration: line-through;
}

.qrcode-style-bar .qrcode-bar
{
    position: absolute;
    left: 50%;
    top: 23px;
    margin-left: -13px;
    width: 26px;
    height: 26px;
}

    .qrcode-style-bar .qrcode-bar .qrcode-img
    {
        width: 100%;
        height: 100%;
    }

.qrcode-view-mask .qrcode-view-mask-box
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -150px;
    width: 200px;
    height: 300px;
    text-align: center;
}

.qrcode-view-mask .qrcode-view-close
{
    position: absolute;
    right: 60px;
    top: 40px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background: url(/static/img/qr-code/qrcode-close.png) no-repeat;
}

    .qrcode-view-mask .qrcode-view-close .icon-icclose48px
    {
        font-size: 120px;
        color: #e2e2e2;
    }

.qrcode-view-mask .qrcode-view-mask-box .qr-view-top
{
    height: 67px;
    line-height: 67px;
    color: #fff;
    background-color: #4090c3;
    font-size: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.qrcode-view-mask .qrcode-view-mask-box .qr-view-middle
{
    height: 180px;
    padding-top: 24px;
    background-color: #fff;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
}

    .qrcode-view-mask .qrcode-view-mask-box .qr-view-middle canvas
    {
        width: 128px;
        height: 128px;
    }

.qrcode-view-mask .qrcode-view-mask-box .qr-view-bottom
{
    height: 50px;
    line-height: 50px;
    color: #221714;
    background-color: #b2b2b2;
    font-size: 14px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.qrcode-bar canvas
{
    width: 100%;
    height: 100%;
}

.modify
{
    color: #18a689;
    margin-right: 20px;
    cursor: pointer;
}

    .modify:hover
    {
        color: #18a689;
        text-decoration: underline;
    }

/*.create-product
{
    padding: 5px 40px;
}*/

.create-product
{
    padding: 5px;
}

.modify.invalid, .modify.pro-name
{
    color: #999;
    text-decoration: none;
}

    .modify.invalid.red-color:hover
    {
        text-decoration: underline;
    }

.modify.pro-name
{
    width: 100%;
    margin-left: 0;
    color: #333;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.modify.invalid.unclick
{
    cursor: default;
}

    .modify.invalid.unclick:hover
    {
        cursor: default;
        text-decoration: none;
        color: #999;
    }

.search-bar
{
    margin-bottom: 5px;
}

.search-btn
{
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
}

.table-bordered td.td-first, .table-bordered th.th-first
{
    width: 26%;
}

.table-bordered th.th-second
{
    width: 12%;
}

.table-bordered th.th-third
{
    width: 13%;
}

.table-bordered th.th-fourt
{
    width: 18%;
}

.table-bordered th.th-fifth
{
    width: 17%;
}

.table-bordered th.th-sixth
{
    width: 14%;
}

.table-bordered.activity-list-bar td.td-first, .table-bordered.activity-list-bar th.th-first
{
    width: 26%;
}

.table-bordered.activity-list-bar th.th-second
{
    width: 16%;
}

.table-bordered.activity-list-bar th.th-third
{
    width: 18%;
}

.table-bordered.activity-list-bar th.th-fourt
{
    width: 20%;
}

.table-bordered.activity-list-bar th.th-fifth
{
    width: 20%;
}

.table-bordered.bill-list-bar td.td-first, .table-bordered.bill-list-bar th.th-first
{
    width: 15%;
}

.table-bordered.bill-list-bar th.th-second
{
    width: 35%;
}

.table-bordered.bill-list-bar th.th-third
{
    width: 15%;
}

.table-bordered.bill-list-bar th.th-fourt
{
    width: 10%;
}

.table-bordered.bill-list-bar th.th-fifth
{
    width: 25%;
}

.table-bordered td
{
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    font-size: 14px;
    color: #999;
}

.table-bordered th
{
    display: table-cell;
}

.table-hover > tbody > tr:hover
{
    background-color: #f3f3f4;
}

    .table-hover > tbody > tr:hover .modify.pro-name
    {
        color: #1c84c6;
        text-decoration: underline;
    }

table.product-list-table
{
    margin-bottom: 0;
}

.table-bordered td.blue-color
{
    color: #298ac8;
}

.nav.code-nav > li > a
{
    font-size: 16px;
    color: #333;
}

.red-color
{
    color: #ed5564 !important;
}

.panel-body.prize-content
{
    padding-top: 30px;
}

.panel-body.activity-list
{
    padding-top: 15px;
}

.search-bar.activity-list
{
    margin-bottom: 12px;
}

.empty.no-activity
{
    padding: 0;
}

.no-activity-icon
{
    margin-top: 4px;
    margin-bottom: 10px;
}

.paginator-box .pagination
{
    margin: 0;
}

.paginator-box .page-bar
{
    margin: 0;
}

.redbag-basic
{
    background-color: #f8f8f8;
    padding: 22px 0 22px 17px;
    font-size: 14px;
    color: #666;
}

    .redbag-basic .redbag-money
    {
        color: #1bb393;
    }

        .redbag-basic .redbag-money .num
        {
            font-size: 24px;
        }

        .redbag-basic .redbag-money .icon
        {
            font-size: 20px;
        }

    .redbag-basic .money-text
    {
        margin-top: 6px;
        min-height: 34px;
    }

        .redbag-basic .money-text .icon-tips
        {
            font-size: 20px;
        }

        .redbag-basic .money-text .tips-text
        {
            color: #4d9fd2;
            vertical-align: middle;
            cursor: pointer;
        }

        .redbag-basic .money-text .show-money
        {
            line-height: 34px;
        }

        .redbag-basic .money-text span
        {
            vertical-align: middle;
        }

        .redbag-basic .money-text .tips-box
        {
            width: 356px;
            padding: 7px 10px;
            box-sizing: border-box;
            background-color: #e8eaec;
            border-radius: 4px;
            display: inline-block;
            margin-left: 20px;
            position: relative;
        }

            .redbag-basic .money-text .tips-box i.iconfont
            {
                position: absolute;
                top: 4px;
                left: -11px;
                font-size: 20px;
                color: #e8eaec;
            }

.prizes-interval
{
    text-align: center;
    line-height: 30px;
}

.select-time
{
    margin-bottom: 30px;
}

.select-btn-redbag
{
    padding: 2px 8px;
    color: #797979;
    font-size: 14px;
    margin-right: 12px;
    cursor: pointer;
}

    .select-btn-redbag.select
    {
        background-color: #1bb393;
        border-radius: 8px;
        color: #fff;
    }

.search-bar.redbag
{
    margin-bottom: 13px;
}

.redbag-account-type
{
    display: inline-block;
    font-size: 12px;
    color: #fff;
    background-color: #f8ac58;
    position: relative;
    padding: 0 4px;
    border-radius: 2px;
    margin-left: 10px;
    font-weight: lighter;
}

    .redbag-account-type i
    {
        position: absolute;
        top: 2px;
        left: -6px;
        font-size: 12px;
        color: #f8ac58;
    }

form.apple-bill-from .input-title .error-tips
{
    position: absolute;
    left: 134px;
    top: 32px;
    width: 200px;
    text-align: left;
}

.recommend-bar
{
    margin-bottom: 22px;
}

.recommend-ul
{
    padding: 0;
    padding-top: 5px;
    width: 441px;
}

    .recommend-ul li
    {
        position: relative;
        float: left;
        width: 135px;
        margin-right: 12px;
        margin-bottom: 28px;
    }

        .recommend-ul li .delete
        {
            position: absolute;
            right: 5px;
            top: 5px;
            width: 20px;
            height: 20px;
            line-height: 18px;
            border-radius: 50%;
            background-color: #1bb393;
            text-align: center;
            cursor: pointer;
        }

            .recommend-ul li .delete .delete-icon
            {
                font-size: 15px;
                color: #fff;
                margin-right: -1px;
            }

        .recommend-ul li .recommend-img
        {
            width: 135px;
            height: 135px;
            margin-bottom: 5px;
        }

        .recommend-ul li .recommend-text
        {
            height: 40px;
        }

        .recommend-ul li .add
        {
            width: 135px;
            height: 135px;
            background: url(/static/img/product-recommend/add-icons.png) no-repeat;
            cursor: pointer;
            margin-bottom: 5px;
        }

.edit-goods-mask .add
{
    position: relative;
    margin-bottom: 8px;
}

    .edit-goods-mask .add .button-upload-img
    {
        width: 135px;
        height: 135px;
        background: url(/static/img/product-recommend/add-icons.png) no-repeat;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 135px 135px !important;
        cursor: pointer;
    }

    .edit-goods-mask .add .add-file-inp
    {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        cursor: pointer;
    }

    .edit-goods-mask .add .add-spec
    {
        position: absolute;
        left: -6px;
        bottom: -7px;
        font-size: 12px;
        width: 200px;
    }

.phone-recommend-con
{
    height: 517px;
    background-color: #f8f8f8;
    overflow-y: auto;
}

    .phone-recommend-con .product-detail
    {
        height: 90px;
        background-color: #fff;
    }

        .phone-recommend-con .product-detail .product-img
        {
            width: 96px;
            height: 66px;
            line-height: 66px;
            border-radius: 2px;
            border: 1px solid #e0e0e0;
            margin: 11px 11px 13px 11px;
            text-align: center;
        }

            .phone-recommend-con .product-detail .product-img .icon-photograph2zhaopian
            {
                font-size: 30px;
                color: #bbb;
            }

        .phone-recommend-con .product-detail .product-con
        {
            padding-top: 11px;
            width: 180px;
            font-size: 14px;
        }

            .phone-recommend-con .product-detail .product-con .product-con-h4
            {
                color: #474747;
                height: 45px;
                margin: 0;
                font-weight: 400;
            }

            .phone-recommend-con .product-detail .product-con .product-con-p
            {
                color: #bbb;
            }

    .phone-recommend-con .arrow-phone-bar
    {
        position: relative;
    }

    .phone-recommend-con .right-arrow
    {
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -10px;
        height: 20px;
    }

        .phone-recommend-con .right-arrow .iconfont
        {
            font-size: 12px;
        }

    .phone-recommend-con .trace
    {
        padding: 13px 35px 12px 14px;
        background-color: #fff;
        margin: 9px 0;
    }

.company-con-ul
{
    padding: 0;
    background-color: #fff;
    margin-bottom: 9px;
}

    .company-con-ul li
    {
        position: relative;
        height: 38px;
        padding: 10px;
        border-bottom: 1px solid #d9d9d9;
    }

        .company-con-ul li.last
        {
            border: none;
        }

.phone-recommend
{
    background: #fff;
    padding: 14px;
    overflow: hidden;
    padding-top: 5px;
}

    .phone-recommend .phone-recommend-title
    {
        font-size: 14px;
        font-weight: 400;
        color: #333;
        margin-bottom: 10px;
    }

.phone-recommend-ul
{
    padding: 0;
    width: 300px;
    margin-left: 7px;
}

.phone-recommend-empty
{
    width: 100%;
    text-align: center;
    height: 120px;
    padding-top: 48px;
    font-size: 14px;
    color: #4d9fd2;
}

.phone-recommend-ul li
{
    width: 80px;
    float: left;
    margin-right: 20px;
    margin-bottom: 14px;
}

    .phone-recommend-ul li .phone-recommend-img
    {
        width: 80px;
        height: 80px;
        border-radius: 3px;
    }

    .phone-recommend-ul li .phone-recommend-text
    {
        font-size: 12px;
        display: -webkit-box !important;
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-word-break: break-all;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.phone-footer
{
    margin-top: 18px;
}

    .phone-footer .logo-bar
    {
        width: 19px;
        height: 21px;
        margin: 0 auto;
        background: url(/static/img/product-recommend/phone-foot-logo.png) no-repeat;
    }

    .phone-footer .company-name
    {
        position: relative;
        width: 132px;
        margin: 0 auto;
        color: #b6b6b6;
        font-size: 12px;
    }

        .phone-footer .company-name .left-line
        {
            position: absolute;
            left: -58px;
            top: 9px;
            width: 52px;
            height: 2px;
            background: url(/static/img/product-recommend/footer-line-l.png) no-repeat;
        }

        .phone-footer .company-name .right-line
        {
            position: absolute;
            right: -58px;
            top: 9px;
            width: 52px;
            height: 2px;
            background: url(/static/img/product-recommend/footer-line-r.png) no-repeat;
        }

.edit-goods-mask .edit-goods-box
{
    width: 437px;
    height: 400px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -218px;
    margin-top: -115px;
    overflow: hidden;
}

.mask-title
{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 14px;
    background-color: #f3f3f4;
    border-bottom: 1px solid #e7e7e7;
}

    .mask-title .close-btn
    {
        margin-right: 10px;
        cursor: pointer;
    }

        .mask-title .close-btn i.iconfont
        {
            font-size: 20px;
        }

.edit-content
{
    padding: 20px 12px 0;
}

form .edit-content-title, form .input-title.edit-content-title
{
    position: relative;
    width: 29%;
    padding: 6px 10px 6px 0;
    text-align: right;
}

    form .input-title.edit-content-title.uploadimg .error-tips
    {
        top: 148px;
    }

    form .input-title.edit-content-title .error-tips
    {
        position: absolute;
        left: 126px;
        top: 30px;
        width: 200px;
        text-align: left;
    }

.form-control.info_name_inp
{
    padding-right: 48px !important;
}

.content-inp
{
    width: 60%;
}

.content-part
{
    margin-bottom: 20px;
    position: relative;
}

    .content-part .inp-num
    {
        position: absolute;
        right: 52px;
        bottom: 6px;
    }

.edit-goods-box .content-part .btn-primary
{
    margin-top: 7px;
}

.btn-default, .btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover
{
    background-color: #eaeaea !important;
    border-color: #e5e6e7 !important;
    color: #666;
}

table.code-thead
{
    border: 1px solid #e8eaec;
    background: #f3f3f4;
    font-size: 16px;
    color: #333;
}

.table.code-thead > thead > tr > th
{
    border: none;
    font-weight: 400;
    text-align: center;
}

.code-ul
{
    padding: 0;
}

    .code-ul li
    {
        list-style: none;
        border: 1px solid #e7e7e7;
        margin-top: 10px;
    }

    .code-ul .code-title
    {
        font-size: 14px;
        padding: 0;
        height: 40px;
        line-height: 40px;
        background-color: #f3f3f4;
        margin: 0;
        border-bottom: 1px solid #e7e7e7;
        padding-left: 8px;
        font-weight: 400;
        color: #666;
    }

        .code-ul .code-title span
        {
            color: #333;
            margin-right: 20px;
            font-weight: 700;
        }

.code-dl
{
    margin: 0;
}

    .code-dl dd
    {
        float: left;
        height: 160px;
        text-align: center;
        border-right: 1px solid #e7e7e7;
        padding-top: 70px;
        color: #333;
    }

.btn.apply-gray-btn
{
    background-color: #f3f3f4;
    border: 1px solid #e8eaec;
    color: #333;
}

.btn-default.apply-gray-btn:active, .btn-default.apply-gray-btn:active:hover, .btn-default.apply-gray-btn:focus
{
    background-color: #f3f3f4;
    border: 1px solid #e8eaec;
    color: #333;
    outline: 0;
}

.code-dl dd.code-dl-state
{
    padding-top: 60px;
    color: #666;
}

.gray-font.text-line
{
    color: #ccc !important;
    text-decoration: line-through;
}

.code-dl dd.code-dl-state .dd-state
{
    color: #1ab394;
}

.code-dl dd a.code-dl-a
{
    color: #666;
}

.code-dl dd a.code-pro-name
{
    display: inline-block;
    margin-bottom: 20px;
}

.code-dl dd a.code-dl-a:hover
{
    color: #1c84c6;
    text-decoration: underline;
}

.code-dl dd.code-dl-operate
{
    padding-top: 50px;
}

.code-head-dl
{
    background-color: #f3f3f4;
    border: 1px solid #e7e7e7;
}

.code-dl.code-head-dl dd
{
    border: none;
    padding: 8px;
    height: 40px;
    font-size: 16px;
    color: #333;
    border-right: 1px solid #e7e7e7;
    text-align: left;
}

.code-dl dd.code-dl-name
{
    width: 20%;
    text-align: left;
    padding: 30px;
}

.code-dl.code-head-dl dd.code-dl-name
{
    padding: 8px;
}

.code-dl dd.code-dl-operate
{
    border-right: none;
}

.table.code-thead > thead > tr > th
{
    padding: 0;
}

.code-dl dd.code-dl-size
{
    width: 15%;
}

.code-dl dd.code-dl-money, .code-dl dd.code-dl-num
{
    width: 15%;
}

.code-dl dd.code-dl-status
{
    width: 15%;
}

.code-dl dd.code-dl-operate
{
    width: 20%;
}

.tab-content
{
    padding-top: 10px;
    padding-bottom: 20px;
}

.tabs-container .panel-body.qr-code
{
    border: none;
    padding: 0 10px;
}

.apply-title
{
    border-left: 3px solid #1bb393;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding-left: 6px;
    vertical-align: middle;
    margin: 0;
    margin-bottom: 15px;
    height: 18px;
}

    .apply-title .friendly-tips
    {
        color: #f8ac58;
        margin-left: 24px;
        font-size: 14px;
        vertical-align: middle;
    }

        .apply-title .friendly-tips .iconfont
        {
            font-size: 15px;
            margin-right: 2px;
        }

    .apply-title.first
    {
        margin-bottom: -8px;
    }

.product-name-sec-bar
{
    position: relative;
}

    .product-name-sec-bar .blue-link
    {
        position: absolute;
        right: -80px;
        top: 56px;
    }

.form-control-sec
{
    padding: 0 2px;
    border-radius: 4px;
    background: #eaeaea;
    font-size: 14px;
    color: #666;
}

.ibox-content.n-p
{
    padding: 0;
}

.part
{
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    padding: 15px 20px 30px 20px;
}

    .part.qr-code
    {
        padding-bottom: 0;
    }

.part-last
{
    border-bottom: none;
}

.form-label-title .red-color
{
    color: #ed5564;
}

.size-ul
{
    padding: 0;
    padding-top: 10px;
    margin-bottom: 42px;
}

    .size-ul li
    {
        float: left;
        list-style: none;
        margin-right: 60px;
        cursor: pointer;
    }

        .size-ul li .size-text
        {
            float: left;
            width: 65px;
            font-size: 14px;
            color: #666;
        }

        .size-ul li .size-pic
        {
            float: left;
        }

        .size-ul li .size-big-pic
        {
            width: 184px;
            height: 236px;
        }

        .size-ul li .size-middle-pic
        {
            width: 143px;
            height: 190px;
        }

        .size-ul li .size-small-pic
        {
            width: 98px;
            height: 147px;
        }

        .size-ul li .size-pic
        {
            position: relative;
            border-radius: 4px;
        }

            .size-ul li .size-pic .qrcode-big-bar
            {
                position: absolute;
                left: 50%;
                top: 78px;
                margin-left: -48px;
                width: 96px;
                height: 96px;
            }

                .size-ul li .size-pic .qrcode-big-bar canvas
                {
                    width: 96px;
                    height: 96px;
                }

            .size-ul li .size-pic .qrcode-middle-bar
            {
                position: absolute;
                left: 50%;
                top: 62px;
                margin-left: -39px;
                width: 78px;
                height: 78px;
            }

                .size-ul li .size-pic .qrcode-middle-bar canvas
                {
                    width: 78px;
                    height: 78px;
                }

            .size-ul li .size-pic .qrcode-small-bar
            {
                position: absolute;
                left: 50%;
                top: 50px;
                margin-left: -28px;
                width: 56px;
                height: 56px;
            }

                .size-ul li .size-pic .qrcode-small-bar canvas
                {
                    width: 56px;
                    height: 56px;
                }

            .size-ul li .size-pic .size-tips
            {
                position: absolute;
                left: 50%;
                bottom: -30px;
                margin-left: -75px;
                width: 150px;
                text-align: center;
                font-size: 14px;
                color: #666;
            }

            .size-ul li .size-pic .choose-icon
            {
                position: absolute;
                right: 5%;
                bottom: 4%;
                width: 26px;
                height: 26px;
                background: url(/static/img/qr-code/unchecked.png) no-repeat;
            }

        .size-ul li.active .size-pic .choose-icon
        {
            position: absolute;
            right: 5%;
            bottom: 4%;
            width: 26px;
            height: 26px;
            background: url(/static/img/qr-code/checked.png) no-repeat;
        }

        .size-ul li.active .size-pic, .size-ul li:hover .size-pic
        {
            box-shadow: 0 2px 6px #cac8c8;
        }

a.blue-link
{
    font-size: 14px;
    color: #1c84c6;
    margin-left: 20px;
}

.address-ul
{
    padding: 0;
    margin: 0;
}

    .address-ul li
    {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        list-style: none;
        margin-bottom: 10px;
    }

.company
{
    float: left;
    border: 2px solid #1bb393;
    height: 30px;
    line-height: 26px;
    padding: 0 20px;
    margin-left: 10px;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
}

    .company.unchecked
    {
        border-color: #cdcdcd;
    }

    .company.spacing
    {
        margin: 0;
        margin-right: 24px;
    }

    .company .tri-bar
    {
        position: absolute;
        right: -2px;
        bottom: -2px;
    }

    .company.unchecked .tri-bar
    {
        display: none;
    }

    .company .tri-bar .mark-icon
    {
        position: absolute;
        right: 1px;
        bottom: 2px;
        display: inline-block;
        width: 8px;
        height: 6px;
        background: url(/static/img/qr-code/address.png) no-repeat;
    }

.tri-bar .triangle-bottomright
{
    width: 0;
    height: 0;
    border-bottom: 16px solid #1bb393;
    border-left: 18px solid transparent;
}

.address-ul li .address-con
{
    float: left;
}

.phone-con
{
    margin: 0 15px;
}

.more-address
{
    margin: 10px 30px;
    margin-right: 0;
    cursor: pointer;
}

    .more-address.more-address-up
    {
        display: none;
    }

    .more-address .more-address-iconfont
    {
        display: inline-block;
        width: 7px;
        height: 7px;
        background: url(/static/img/qr-code/address-more.png) no-repeat;
    }

        .more-address .more-address-iconfont.up
        {
            background: url(/static/img/qr-code/address-more-up.png) no-repeat;
        }

.order-btn-bar
{
    padding-top: 60px;
    padding-left: 630px;
    padding-bottom: 100px;
}

    .order-btn-bar.l-btn
    {
        padding-top: 56px;
        padding-left: 0;
    }

    .order-btn-bar .order-btn
    {
        margin-top: 4px;
    }

        .order-btn-bar .order-btn.btn-w-m
        {
            min-width: 132px;
        }

    .order-btn-bar .payable
    {
        font-size: 14px;
        color: #333;
    }

        .order-btn-bar .payable span
        {
            font-size: 16px;
        }

.order-success-con
{
    width: 100%;
    padding: 25px 15px 300px;
}

.order-success-title
{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #333;
    text-align: left;
    padding: 0 10px;
    border-bottom: 1px solid #e5e6e7;
    margin: 0;
}

    .order-success-title span
    {
        font-weight: 700;
    }

.find-password-form.order-success
{
    width: 100%;
    border: 1px solid #e5e6e7;
}

.order-success-tips
{
    padding: 60px 0 90px 0;
}

.form-tips-box .second-tips-text
{
    margin-top: 0;
}

.form-tips-box .success-url-qrcode
{
    display: inline-block;
    background: #1bb393;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    margin-top: 30px;
    padding: 0 10px;
    width: inherit;
    border-radius: 4px;
}

.order-pay-ul
{
    padding: 0 30px;
    padding-bottom: 200px;
}

    .order-pay-ul li
    {
        list-style: none;
        padding: 20px 0 20px;
    }

        .order-pay-ul li.part-line
        {
            border-bottom: 1px solid #e7e7e7;
        }

.order-number-h3
{
    font-size: 16px;
    color: #333;
}

    .order-number-h3 .amount-payable
    {
        font-size: 14px;
        color: #999;
        font-weight: 400;
    }

.order-warning
{
    font-size: 14px;
    color: #333;
}

    .order-warning .pack-details
    {
        color: #1c84c6;
        cursor: hand;
    }

        .order-warning .pack-details .packup-icon
        {
            display: inline-block;
            width: 7px;
            height: 4px;
            background: url(/static/img/qr-code/packup-icon-down.png) no-repeat;
            margin-top: 8px;
            margin-left: 3px;
        }

            .order-warning .pack-details .packup-icon.packup-icon-up
            {
                background: url(/static/img/qr-code/packup-icon.png) no-repeat;
            }

.order-pay-ul li .order-p
{
    font-size: 14px;
    color: #333;
    margin-bottom: 6px;
}

.pay-method-bar
{
    padding-top: 5px;
}

.order-m-r
{
    margin-right: 70px;
}

.pay-money-box
{
    width: 540px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    top: 97px;
    left: 50%;
    margin-left: -270px;
    overflow: hidden;
}

    .pay-money-box .top-title
    {
        background-color: #e7e7e7;
        padding: 14px 22px;
        position: relative;
        font-size: 22px;
        color: #333;
        border-bottom: 1px solid #e7e7e7;
    }

.close-pay
{
    cursor: pointer;
}

.pay-money-box .qr-code-title
{
    font-size: 24px;
    color: #666;
    text-align: center;
    margin-bottom: 14px;
}

.pay-money-box .pay-code-box
{
    width: 190px;
    height: 190px;
    padding: 10px;
    border: 1px solid #e7e7e7;
}

.pay-money-box .bottom-content
{
    padding: 40px 28px 28px 28px;
}

    .pay-money-box .bottom-content hr.under-line
    {
        width: 100%;
        border: none;
        border-top: 1px solid #e8eaec;
        margin: 26px 0 20px 0;
    }

    .pay-money-box .bottom-content .order-detail
    {
        height: 32px;
        width: 99px;
        margin: 0;
    }

    .pay-money-box .bottom-content .disabled-tips
    {
        font-size: 14px;
        color: #666;
        margin-top: 14px;
    }

        .pay-money-box .bottom-content .disabled-tips .close-num, .pay-money-box .bottom-content .disabled-tips.error-color
        {
            color: #f25c5a;
        }

input[name=size]
{
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.custom-error-tips
{
    height: 40px;
}

form.error-tips-bottom .custom-error-tips .input-title span.error-tips
{
    width: 50%;
    top: 0;
    left: 65px;
}

.wrapper-content.code-order-list
{
    padding-bottom: 100px;
}

.page-foot-box
{
    padding: 0 10px;
}

.order-btn-bar .payable.expire
{
    color: #c7c7c7;
    margin-bottom: 5px;
}

.expire-price
{
    font-weight: lighter;
    text-decoration: line-through;
}

.trace-btn
{
    margin-top: 50px;
}

.tips-trace
{
    font-size: 14px;
    color: #999;
}

.static-trace-box
{
    border: 1px solid #e7e7e7;
    width: 427px;
    height: 562px;
    overflow-y: auto;
    padding: 20px 10px;
}

    .static-trace-box .static-list-title
    {
        margin-bottom: 8px;
    }

    .static-trace-box .static-list
    {
        padding: 6px 6px 0 6px;
        cursor: pointer;
        border: 1px solid transparent;
        position: relative;
    }

        .static-trace-box .static-list:hover
        {
            border: 1px dashed #1bb393;
        }

.static-list .static-step
{
    width: 46px;
    font-size: 14px;
    color: #333;
}

.static-list .right-trace-msg
{
    width: 318px;
    padding-left: 30px;
    position: relative;
    border-left: 6px solid #e1e1e1;
    margin-left: 10px;
}

    .static-list .right-trace-msg .big-bg
    {
        background-color: #cbcbcb;
        width: 26px;
        height: 26px;
        border-radius: 100%;
        border: 6px solid #f4f4f4;
        position: absolute;
        top: -2px;
        left: -16px;
    }

.static-list .trace-title
{
    outline: 0;
    resize: none;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    width: 280px;
    height: 60px;
    padding: 10px;
}

.static-list .trace-img
{
    width: 282px;
    height: 192px;
    margin-top: 7px;
    margin-bottom: 17px;
    position: relative;
}

    .static-list .trace-img .file-input
    {
        position: absolute;
        clip: rect(0,0,0,0);
    }

    .static-list .trace-img .button-upload-img
    {
        width: 100%;
        height: 100%;
        margin: 0;
        background-image: url(/static/img/trace/trace-img0.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-color: #e1e1e1;
        cursor: pointer;
    }

.static-trace-box .static-list .handle-box
{
    position: absolute;
    bottom: 4px;
    left: 0;
}

.static-list .handle-box span
{
    display: inline-block;
    margin-left: 6px;
    background-color: #1bb393;
    font-size: 12px;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 100%;
    vertical-align: middle;
}

.mobile-top-nav
{
    background: #f8f8f8;
    width: 100%;
    height: 180px;
    padding: 15px 12px;
    overflow: hidden;
}

    .mobile-top-nav .pro-title
    {
        font-size: 14px;
        color: #333;
        margin-bottom: 12px;
        font-weight: 400;
    }

        .mobile-top-nav .pro-title i
        {
            font-size: 16px;
        }

    .mobile-top-nav .company-name
    {
        font-size: 14px;
        color: #999;
    }

    .mobile-top-nav .circle-top
    {
        background: #fff;
        width: 156px;
        height: 156px;
        border-radius: 100%;
        margin: 0 auto;
        border: 4px solid #f3f3f3;
    }

.mobile-bottom-tips
{
    background-color: #fff;
    font-family: STHeitiSC-Medium;
    font-size: 16px;
    color: #333;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

    .mobile-bottom-tips .circle-bottom
    {
        width: 156px;
        height: 43px;
        margin: 0 auto 10px auto;
        overflow: hidden;
        position: relative;
    }

        .mobile-bottom-tips .circle-bottom .border
        {
            position: absolute;
            bottom: 0;
            left: 0;
            background: #fff;
            width: 156px;
            height: 156px;
            border-radius: 100%;
            border: 4px solid #cfcfcf;
        }

    .mobile-bottom-tips i.icon-photograph2zhaopian
    {
        position: absolute;
        top: -113px;
        right: 0;
        font-size: 90px;
        line-height: 176px;
        width: 100%;
        z-index: 66;
        color: #d8d8d8;
    }

.line-mobile
{
    border: none;
    border-top: 11px solid #f8f8f8;
    margin: 0;
}

.mobile-trace
{
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    padding: 10px 10px 0 10px;
}

.mobile-trace-title
{
    margin-bottom: 10px;
}

.mobile-trace-list .trace-step
{
    width: 46px;
}

.mobile-trace-list .left-trace-info
{
    position: relative;
    width: 222px;
    margin-left: 8px;
    padding-left: 20px;
    padding-bottom: 30px;
    border-left: 4px solid #e1e1e1;
    min-height: 40px;
}

    .mobile-trace-list .left-trace-info .big-bg
    {
        width: 18px;
        height: 18px;
        border: 4px solid #f3f3f3;
        background-color: #cbcbcb;
        border-radius: 100%;
        position: absolute;
        top: 0;
        left: -11px;
    }

    .mobile-trace-list .left-trace-info .trace-content-title
    {
        min-height: 20px;
    }

    .mobile-trace-list .left-trace-info img
    {
        margin-top: 10px;
        max-width: 196px;
    }

.model-bar .phone-bar.trace
{
    overflow: auto;
}

.tips-mask.mask-box
{
    position: fixed;
}

.tips-mask .tips-box
{
    width: 634px;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -317px;
    margin-top: -292px;
    overflow: hidden;
}

.tips-mask-title
{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
    background-color: #f3f3f4;
    border-bottom: 1px solid #e7e7e7;
}

    .tips-mask-title .close-btn
    {
        margin-right: 15px;
        cursor: pointer;
    }

        .tips-mask-title .close-btn i.iconfont
        {
            font-size: 30px;
            color: #878787;
        }

.content
{
    padding: 30px 24px 0;
}

    .content.tips-content
    {
        width: 100%;
        height: 524px;
        background: url(/static/img/strace-tips.png) no-repeat;
    }

.back-trace
{
    width: 140px;
}

#product-list-tpl button.btn-default
{
    background-color: #eaeaea !important;
    border: none;
    border-radius: 4px;
    color: #666;
}

/*.icon-jiantou1:before {
    content: "\e619";
}*/
